如何使用ng-tags-input autocomplete绑定Array属性

Question

我有以下代码用于在ng-tags-input

中生成标记

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

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

以下是我的观点。

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

Answer 1

您需要以自动填充方式编写您想要文本的属性名称。我已在下面为您编写代码。 display-property =＆＃34; 中的名称＆＃34; 在搜索中扮演角色，其中 key-property =＆＃34; name＆＃34; < / strong>会接受列表中重复的名称（如果有的话）。为了进一步明确或帮助发布您的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>