Question

Json文件：

{
"id":"7",  
"date":"1 Jan",  
"images":["507f42c682882","507e24b47ffdb","507e2aeca02d5","507e2b19663a9"]  
}

在我的控制器中我有

$http.get('urlToJsonFile).
    success(function(d){
        console.log(d);
        $scope.item = d;
    });

在我的局部视图中，我可以打印id和日期，但是在打印图像时，它不起作用。我做错了。为什么没有输出？你知道如何解决这个问题吗？

{{item.id}}:{{item.date}}
    <ul>
    <li ng-repeat="img in item.images">
    {{img}}
    </li>
    </ul>

Answer 1

ng-repeat和迭代基本类型存在一些已知问题。请在github上查看此问题。

如果可能，尝试使用对象作为数组元素。

Answer 2

它正在运作。 See This JS Fiddle 。你可以把你的代码放在JSFiddle中，看看它为什么不适合你？

我已将您的ajax响应用作硬编码集合。

'use strict';

var obj = {
    "id": "7",
    "date": "1 Jan",
    "images": ["507f42c682882", "507e24b47ffdb", "507e2aeca02d5", "507e2b19663a9"]
};

function Ctrl($scope) {
    $scope.item = obj;
}

使用ng-repeat从json访问数组中的项目

2 个答案: