NG-태그 입력 자동 완성 배열 속성을 바인딩하는 방법을

Question

나는 내가 포함 된 여러 개체를 vm.campusesList 배열 내부 입력 NG-태그

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

의 태그를 생성하기위한 다음과 같은 코드가있다 여러 속성. 내가 원하는 것은 이라는 이름의 각 객체에서 속성을 가져와 자동 완성 태그에 사용하는 것입니다.

내 견해입니다.

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

Answer 1

텍스트를 자동 완성 형식으로 작성해야합니다. 아래 코드를 작성했습니다. display-property = "name" inside 은 검색에서 역할을 수행합니다. 여기서 키 속성 = "이름"은 목록에 반복되는 이름을 허용합니다. 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>