因此,当我在本地服务器上运行时,以下工作正常:
HTML
<div class="container" ng-controller="TheController">
<ul id="grid" class="grid">
<li ng-repeat="guy in info">
<a href="#">
<img ng-src="{{ guy.img }}" alt="{{ guy.name }}">
<p class="guy-name">{{ guy.name }}</p>
</a>
</li>
</ul>
</div>
js - 我在我的控制器中做了类似的事情:
$http({ method: 'GET', url: 'data.json'}).success(function(data) {
$scope.info = data;
});
数据
[
{
"img":"someImg.jpg",
"name":"Paul Saul",
"title":"Boss"
},
{
"img":"anotherImg.jpg",
"name":"Karalyn",
"title":"Web"
},
{
"img":"img.jpg",
"name":"Derp",
"title":"Retail"
}
]
但是当我在制作中运行它时,我得到了一个ngRepeat:dupes错误。有什么想法吗?我按照docs中的建议尝试了add track by $index
,但错误消失但不会渲染数据并无限制地创建空白DOM节点。已经在SO上阅读了similar questions,但似乎无法解决这个问题。我再说一遍,上面的工作在本地没有错误;它会引发错误。