如何将数组属性与 ng-tags-input autocomplete 绑定

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>