angularjs – Angular UI Select,预选数组的唯一值

发布时间：2020-12-17 07:13:56 所属栏目：安全来源：网络整理

导读：假设我想要编辑一个现有实体,该实体具有一系列值,这些值也是可选值的一部分.例如 var preSelectedLanguages = [ {id: 2,iso: "de"},{id: 3,iso: "fr"}]var languages = [ {id: 1,iso: "en"},{id: 2,iso: "fr"},{id: 4,iso: "it"},{id: 5,iso: "us"}] 我的ui-

假设我想要编辑一个现有实体,该实体具有一系列值,这些值也是可选值的一部分.例如

var preSelectedLanguages = [
    {id: 2,iso: "de"},{id: 3,iso: "fr"}
]

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

我的ui-select指令类似于：

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

但是ui-select-choices选项列表似乎无法删除重复项,即使我已经使用了language.id的track.

知道如何正确地做到这一点？

解决方法

它以这种方式对我有用

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!