ngOptions 모델을 데이터에 바인딩하지 않습니다.

Question

ngOptions를 사용하여 드롭 다운 목록을 렌더링 중입니다. 뷰가 보이는 방법이있다 : 컨트롤러에서

<select> 
<option ng-repeat="gender in vm.genderArray" ng-model="vm.genderOfPerson" ng-change="vm.changingGender()"> {{gender.gender}} </option> 
</select> 

, 이것이 내가 뭐하는 거지입니다 : 여기

vm.genderArray = [{gender: "Please select one"},{gender: "Male"},{gender: "Female"},{gender: "Would rather not say"}] 
function changingGender() { 
    console.log("vm.user.gender") 
} 

문제 문은 더 없다 : 내가 변경된 남녀의 값을 저장하려면 vm.user.gender ..하지만 그 안에 저장되지 않습니다.

코드를 살펴보고 내가 뭘 잘못하고 있는지 말해 주시겠습니까? 당신이 vm.user.gender에, 다음 'NG 모델 = vm.user.gender`가 아닌`NG-모델을 사용하려는 경우

감사

Answer 1

<select ng-options="p.gender for p in vm.genderArray" 
      ng-model="vm.selectedPerson"> 
    </select> 
    <p>You selected {{vm.selectedPerson.gender}}</p> 

DEMO