数据绑定不适用于 AngularJS 中的 JSON

Question

 this.getData = function () {
    $http.get("data/samples.json").then(function(d) {
        console.log(angular.fromJson(d.data.cards)[0].title);
        return angular.fromJson(d.data.cards);
    });
};
this.cards = this.getData();

它将正确的值打印到控制台。

<p>{{main.cards[0].title}}</p>

什么都不显示，为什么？

Answer 1

returned 对象是异步的，而不是 returning 结果（不能 return 在回调中）。试试这个：

 this.getData = function () {
    $http.get("data/samples.json").then(function(d) {
        this.cards = angular.fromJson(d.data.cards);
    });
};

Answer 2

试试这个：

var me = this;
this.getData = function () {
    $http.get("data/samples.json").then(function(d) {
        console.log(angular.fromJson(d.data.cards)[0].title);
        me.cards = angular.fromJson(d.data.cards);
    });
};

数据绑定不适用于 AngularJS 中的 JSON

Data Binding not working on JSON in AngularJS

data-binding

binding

json

angularjs