在生产ngRepeat:dupes中,Repeater中不允许重复

时间:2015-03-03 00:14:08

标签: angularjs angularjs-scope angularjs-ng-repeat

因此,当我在本地服务器上运行时,以下工作正常:

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,但似乎无法解决这个问题。我再说一遍,上面的工作在本地没有错误;它会引发错误。

0 个答案:

没有答案