如何避免在多个角度 ui 选择中出现重复答案

【问题标题】：How to avoid duplicates in multiple angular ui select如何避免在多个角度 ui 选择中出现重复
【发布时间】：2016-02-04 11:27:59
【问题描述】：

我有一个多用户界面选择小部件，我需要通过单击更新按钮来更新选择。

<ui-select multiple ng-model="multipleDemo.selectedPeople" theme="select2" ng-disabled="disabled" style="width: 800px;">
    <ui-select-match placeholder="Select person...">{{$item.name}} &lt;{{$item.email}}&gt;</ui-select-match>
    <ui-select-choices repeat="person in people | propsFilter: {name: $select.search, age: $select.search}">
        <div ng-bind-html="person.name | highlight: $select.search"></div>
            {{person.email}}
    </ui-select-choices>
</ui-select>

如果我对人员变量使用字符串数组，它可以正常工作。但是当我使用对象数组时，重复项会出现在选项中。这是 sn-p http://plnkr.co/edit/Jbhv1stbXEdNnt3of5aW?p=preview 我如何避免与对象重复？请帮忙。

【问题讨论】：

标签： angularjs select2

【解决方案1】：

我在这里找到了https://github.com/angular-ui/ui-select/issues/580 的解决方案。您可以过滤从 API 收到的数据。

$scope.people = response.data.data.filter(function (i) {
    return $multipleDemo.selectedPeople.map(function (e) { return e.id; }).indexOf(i.id) < 0; 
}

【讨论】：