소스 목록이 객체의 배열 인 경우 ng-model에 선택된 값을 저장하는 방법은 무엇입니까?

Question

내가 좋아하는 객체의 배열이 있습니다

vm.items = [{id: "1", val: "a"},{id: "2", val: "b"},{id: "3", val: "c"}] 

을 그리고 내가 좋아하는 옵션 선택을 바인딩 :

<select ng-model="vm.model.id" > 
    <option value="">select somthing</option> 
    <option ng-repeat="i in vm.items" value="{{i.id}}">{{i.val}}</option> 
</select> 

을하지만 드롭 다운에서 일부 항목을 선택하면 내가 전체 개체 {}를 얻고 난 단지 ID를 원하는 . 어떻게하면됩니까?

Answer 1

직접 선택 태그에 NG-옵션을 사용할 수 있습니다. 당신의 JSON는 ID와 이름 변수가 포함 된 경우이로 지정할 수 있습니다

<select ng-model="vm.model.id" ng-options="i.id as i.name for i in vm.items"> 
    <option value="">select somthing</option> 
</select> 

i.id는 옵션 값으로 설정하고 i.name이

Answer 2

ng-model 및 ng-options을 select에서 사용하십시오.

내부 controller.js

$scope.selectedItem = ""; 

마크 업

<select ng-model="selectedItem " name="state" 
     ng-options="item.id as item.value for item in vm.items"> 
    <option value="">select somthing</option> 
</select>