각도 형재가 객체를 캡처해야합니다.

Question

각도 형법을 사용하려고하는데 현재 표시하려고하는 데이터가 $ http 호출에서옵니다. [{ "abbrev": "FL", "state": "Florida"}, { "abbrev": "VA", { "state": "Virginia"}와 같은 객체의 배열입니다. html로는 제어가 웹 서비스에서 목록을 검색하고 사용자가 상태를 선택할 때 올바르게 텍스트 입력을 채우고 $ scope.selected 변수에 상태 이름을 저장하는 것을 작동이

<input type="text" ng-model="selected" typeahead="item.state for item in states" typeahead-editable="false" />. 

처럼 보인다 . 그러나 내가 키/값 쌍을 데이터베이스에 저장하기를 원하기 때문에 객체 { "abbrev": "FL", "state": "Florida"}가 저장되기를 원합니다. 객체를 선택하려면 어떻게해야 값을 얻을 수 있을까요?

Answer 1

실제로 전체 개체를 $scope.selected에 저장하면됩니다. 그것은 다음과 같이 보일 것입니다 : 할 필요가

<input type="text" ng-model="selected" typeahead="item for item in states" typeahead-editable="false" typeahead-input-formatter="item.state" typeahead-template-url="results.html" />. 

변경됩니다

• 반환 전체 항목 : typeahead="item for item in states"
• 형식 상태를 표시하는 입력 : typeahead-input-formatter="item.state"
• 을 템플릿 추가 : typeahead-template-url="results.html"

HTML 자동 완성 템플릿을 정의하여 상태 이름을 표시 할 수 있습니다.

<script type="text/ng-template" id="results.html"> 
    <a>{{match.model.state}}</a> 
</script>