3

複数の ui-select ウィジェットがあり、更新ボタンをクリックして選択肢を更新する必要があります。

<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>

people 変数に文字列の配列を使用すると、正常に動作します。しかし、オブジェクトの配列を使用すると、選択肢に重複が表示されます。ここにスニペットがありますhttp://plnkr.co/edit/Jbhv1stbXEdNnt3of5aW?p=previewオブジェクトとの重複を避けるにはどうすればよいですか? 助けてください。

4

1 に答える 1

2

ここで見つけたソリューション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; 
}
于 2016-03-30T13:14:43.707 に答える