如何使用 ng-tags-input 自动完成绑定数组属性

Question

我有以下用于在 ng-tags-input 中生成标签的代码

$scope.loadTags = function () {
    return $q(function (resolve, reject) {
    resolve(vm.campusesList);
   })
}

在 vm.campusesList 数组中，我有多个包含多个属性的对象。我想要的是从每个对象中获取 name 属性并在自动完成标记中使用它。

这是我的看法。

<tags-input ng-model="vm.campusesList">
    <auto-complete source="loadTags()"></auto-complete>
</tags-input>

Answer 1

您需要输入属性您想要自动完成文本的名称 fashion.I 下面已经为您编写了代码。 display-property="name" inside 在搜索中发挥作用，其中 key-property= "name" 将接受列表中重复的名称（如果有）。为了进一步清楚或帮助 post 您的 JSON 回复。享受吧！！

<tags-input name="campusesListAutocomplete"
    ng-model="vm.campusesList"
    display-property="name"
    key-property="name"  
    highlight-matched-text="true">
    <auto-complete source="loadTags($query)"/>
</tags-input>

如何使用 ng-tags-input 自动完成绑定数组属性

How to bind Array properties with ng-tags-input autocomplete

ng-tags-input

angularjs-1.5