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

【问题标题】：How to bind Array properties with ng-tags-input autocomplete如何使用 ng-tags-input 自动完成绑定数组属性
【发布时间】：2017-01-24 07:58:16
【问题描述】：

我有以下代码用于在 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>

【问题讨论】：

标签： ng-tags-input angularjs-1.5

【解决方案1】：

您需要以自动完成方式编写您想要文本的属性名称。我在下面为您编写了代码。内的 display-property="name" 在搜索中扮演角色，而 key-property="name" 将接受您的重复名称列出如果有的话。为了进一步清楚或帮助发布您的 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>

【讨论】：