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") 
} 

這裏的問題陳述NO： 我想保存更改後的性別價值在vm.user.gender ..但它沒有得到保存。

請仔細查看代碼並告訴我我做錯了什麼？

感謝

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