ng-tags-input - 如何使用 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

您需要以自动完成方式编写您想要文本的属性名称。我在下面为您编写了代码。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>