Question

我从REST api收到了以下JSON数据。

 [
  {
    "names": {
      "en": "test123"
    },
    "children": [],
    "id": "68d87e8c-42f5-4f11-b25a-b30624246c3b",
    "version": 1,
    "code": "0",
    "order": 0,
    "country": "HR",
    "name": "test123",
    "parent": null,
    "selected": false,
    "hasQuestions": false,
    "level": 1,
    "state": "original",
    "hasChildChapters": false
  },
  {
    "names": {
      "en": "test456"
    },
    "children": [],
    "id": "d175e6d1-874e-4909-afb2-790c0a940c3f",
    "version": 1,
    "code": "0",
    "order": 0,
    "country": "HR",
    "name": "test456",
    "parent": null,
    "selected": false,
    "hasQuestions": false,
    "level": 1,
    "state": "original",
    "hasChildChapters": false
  }
]

我试图使用指令ng-repeat显示它。使用track by object.id。它的使用方式如下：

<tr ng-repeat="chapter in chapters | filter: search track by chapter.id">

但问题是仍然出现ngRepeat：Dupes错误。我已经检查了JSON中包含的数据，但其中没有重复的id。你知道为什么ngRepeat：Dupes错误仍然存在吗？

Answer 1

根据给出的数据，不会抛出重复的错误，下面是jsfiddle。

<div ng-controller="MainCtrl">
    <input type="text" ng-model="search">
    <div ng-repeat="chapter in chapters | filter: search track by chapter.id">{{chapter.id}}</div>
</div>

控制器

$scope.chapters = [{
        "names": {
            "en": "test123"
        },
            "children": [],
            "id": "68d87e8c-42f5-4f11-b25a-b30624246c3b",
            "version": 1,
            "code": "0",
            "order": 0,
            "country": "HR",
            "name": "test123",
            "parent": null,
            "selected": false,
            "hasQuestions": false,
            "level": 1,
            "state": "original",
            "hasChildChapters": false
    }, {
        "names": {
            "en": "test456"
        },
            "children": [],
            "id": "d175e6d1-874e-4909-afb2-790c0a940c3f",
            "version": 1,
            "code": "0",
            "order": 0,
            "country": "HR",
            "name": "test456",
            "parent": null,
            "selected": false,
            "hasQuestions": false,
            "level": 1,
            "state": "original",
            "hasChildChapters": false
    }]

http://jsfiddle.net/75sdsuz2/2/

object.id的角度轨迹

1 个答案: