正在使用来自elasticsearch的答案获取ngTagsInput

Question

我使用弹性搜索来存储标记，并希望ngTagsInput动态获取它们以进行自动完成。它一直工作到ngTagsInput接收到来自elasticsearch的答案，在浏览器控制台中我收到以下错误：

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: undefined, 
Duplicate value:{"_index":"data","_type":"tags","_id":"4","_score":1,"_source":{"id":4,"text":"Testinchen"}}

这里的问题是，我收到的承诺包含一个包含4个元素的数组（如果我有更多的声誉，我会在这里发布一张图片，但不，堆栈溢出不会让我：x）

我整晚都在努力让ngTagsInput接受这个承诺，我所能做的最好的事情就是以某种方式检索我的对象，如果弹性搜索只有一个命中，而不是多个。

HTML代码如下所示：

<div data-ng-controller="TagsController">
    <tags-input ng-model="taglist">
        <auto-complete source="loadTaglist($query)"template="tagTemplate"></auto-complete>
    </tags-input>
</div>
<script type="text/ng-template" id="tagTemplate">
    <span ng-bind-html="$highlight($getDisplayText())"></span>
    <div ng-repeat="model in data._source">
        @{{model}}
    </div>
</script>

｛｛model｝｝前面的@是因为它运行在laravel后端，所以不要介意^^

JS如下：

petopia.controller('TagsController', function($scope, tags, esClient) {
    $scope.taglist = [{
        "id" : "1",
        "text": "Pet"
    }];
    $scope.loadTaglist = function(query) {
        var taglist = esClient.search({
            q: "*"+query+"*"
        }).then(function (response) {
            return response.hits.hits;
        }, function (error) {
            console.trace(error.message);
        });
        return tags.load(taglist);
    };
});
petopia.service('tags', function($q) {
    this.load = function(taglist) {
        var deferred = $q.defer();
        deferred.resolve(taglist);
        console.log(deferred.promise);
        return deferred.promise;
    };
});

任何帮助都将不胜感激，因为作为一个刚接触angularjs的人，我在这里非常不知所措。

Answer 1

当数组中有重复项时，应该通过索引跟踪它。

ng-repeat="model in data._source track by $index"