JSON迭代中途工作

时间:2016-12-02 16:14:36

标签: javascript angularjs json

我在AngularJS服务中有这个代码:

var products = [];

$http.get('http://www.......it/app/parse.php').
    success(function(data, status, headers, config) {
        products.push(data);
        console.log(products);
    }).
    error(function(data, status, headers, config) {
        console.error("Error JSON")
        console.log(data);
});

return {
    all: function() {
        return products;
    },
    remove: function(chat) {
        products.splice(products.indexOf(chat), 1);
    },
    get: function(chatId) {
        for (var i = 0; i < products.length; i++) {
            if (products[i].id === parseInt(chatId)) {
                return products[i];
            }
        }
        return null;
    }
};

HTML由JSON日志和ng-repeat组成。

<pre>{{shoesItems.items | json}}</pre>
<div class="row" ng-repeat="item in shoesItems.items">

结果如下:

enter image description here

如果我将products.push(data);更改为products.push(data[0]);,我可以看到第一张图片:

enter image description here

如何全部展示?

2 个答案:

答案 0 :(得分:1)

你的第一个结果是一个数组数组,试着像这样访问第一个对象,

<pre>{{shoesItems[0].items | json}}</pre>
<div class="row" ng-repeat="item in shoesItems[0].items">

答案 1 :(得分:0)

正如在这个答案的评论中所说,这不起作用,因为我们失去了对原始产品数组的引用。试试这个:

B

它基本上将数据上的所有元素添加到产品数组中。