개체 배열에 일치하는 속성 만 표시하는 방법은 무엇입니까? Typeahead

Question

안녕하세요, 선입관을 사용하여 필터링 할 개체 배열이 있습니다.

$scope.states = [ 
     {state: 'Alabama', firstName: "Jim"}, 
     {state: 'Alaska', firstName: "Tom"}, 
     {state: 'Arizona', firstName: "Alan"}, 
     {state: 'Arkansas', firstName: "Mark"}, 
     {state: 'California', firstName: "Maria"} 
] 

그것이 firstName을 또는 상태와 일치하는지 여부 만 상태를 표시하는 순간 :

이이 내가 필터링 할 배열 내 입력 태그

<input type="text" ng-change="onedit()" ng-model="selected" uib-typeahead="state as state.city for state in states | filter:$viewValue | limitTo:8"> 

입니다. 어떻게 그것이 firstName을 일치하는 경우에만 firstName을 속성을 표시하고 그것이 여기 상태

일치하는 경우에만 상태 표시하는 것을 확인 할 수 있습니다 내 PLUNKER

내가 생각 사용하고있는 선행 입력은 각-부트 스트랩에서입니다.

저는 온라인 예제에서 보았지만 찾지 못해서 할 수 있다고 확신합니다.

Answer 1

을 적용하는 동안 firstName 속성으로 지정하십시오.

uib-typeahead="state as state.city for state in states 
       | filter: { firstName: $viewValue} | limitTo:8"> 

Forked Plunker