Angular UI Selection, Unique Values, Preselected Arrays

Suppose I want to edit an existing object that has an array of values ​​that are also part of the selectable values. eg.

var preSelectedLanguages = [ {id: 2, iso: "de"}, {id: 3, iso: "fr"} ] var languages = [ {id: 1, iso: "en"}, {id: 2, iso: "de"}, {id: 3, iso: "fr"}, {id: 4, iso: "it"}, {id: 5, iso: "us"} ] 

My ui-select directive will look something like this:

 <ui-select multiple ng-model="preSelectedLanguages"> <ui-select-match placeholder="Select language..."> {{$item.iso}} </ui-select-match> <ui-select-choices repeat="l in languages track by language.id"> {{language.iso}} </ui-select-choices> </ui-select> 

However, duplicates are removed in the ui-select-choices can not options list, although I used track by language.id .

Any idea how to do this correctly?

+5
source share
1 answer

He works for me that way

 <ui-select multiple ng-model="preSelectedLanguages"> <ui-select-match placeholder="Select language..."> {{$item.iso}} </ui-select-match> <ui-select-choices repeat="l in languages track by l.id"> {{l.iso}} </ui-select-choices> </ui-select> 
+2
source

All Articles