ngRepeat：dupes-不允许在转发器中重复

Question

我正在使用具有自动完成功能的ngTagsInput指令。 如果我没有两个具有相同“ tag_token”属性的标签，则一切正常。

这是我的答复：

{
"id": "100",
"create_date": "2016-02-01T18:33:39Z",
"tag_token": "Tag 1",
"parent_id": "1",
"parent_type": "FILE"
},
{
"id": "101",
"create_date": "2016-02-01T18:33:39Z",
"tag_token": "Tag 2",
"parent_id": "2",
"parent_type": "FILE"
},
{
"id": "102",
"create_date_tdt": "2016-02-01T18:33:39Z",
"tag_token": "Tag 2",
"parent_id": "3",
"parent_type": "FILE"
}

视图

                 <tags-input             
                    ng-model="searchQuery"
                    display-property="tag_token"
                    key-property="tag_token"
                    on-tag-adding="checkTag($tag)"
                    on-tag-removed="onTagRemoved($tag)"
                    replace-spaces-with-dashes="false"
                    add-from-autocomplete-only="true"
                >
                <auto-complete min-length="1" max-results-to-show="10" source="typeahead($query)"></auto-complete>
                </tags-input>

我收到此错误：

Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: item in suggestionList.items track by track(item), Duplicate key: Tag 2, Duplicate value: {"tag_token":"Tag 2"}
http://errors.angularjs......
    at angular.js:68
    at ngRepeatAction (angular.js:27518)
    at Object.$watchCollectionAction [as fn] (angular.js:15761)
    at Scope.$digest (angular.js:15896)
    at Scope.$apply (angular.js:16160)
    at done (angular.js:10589)
    at completeRequest (angular.js:10787)
    at XMLHttpRequest.requestLoaded (angular.js:10728)

Answer 1

使用key-property="id" 。 这是演示

例如

<tags-input             
        ng-model="searchQuery"
        display-property="tag_token"
        key-property="id"
        replace-spaces-with-dashes="false"
        ...
        ...

Answer 2

在输入的标签上，尝试key-property="tag_token track by $index"

Answer 3

使用key-property="id" display-property="tag_token"

语法：如果您具有这种json类型

 [
    {
     name:"Rohit", 
     id:"2"
    },
    {
     name:"Virat",
     id:"2"
    }
 ]

然后使用key-property="id" display-property="name"