Angular UI Select, Unique values pre-selected array

Question

Lets say I have want to edit an existing entity that has an array of values that are also part of the selectable values. e.g.

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 would be something like:

<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 the ui-select-choices option list cant seem to remove the duplicates, even though I have used track by language.id.

Any idea how to do this correctly?

José García · Accepted Answer · 2015-09-27 16:22:03Z

2

It works for me in this 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>

answered Sep 27, 2015 at 16:22

José García

214 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular UI Select, Unique values pre-selected array

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related