angularjs - 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 .. 但它没有被保存在那里。

请查看代码并告诉我我做错了什么？

谢谢

Answer 1

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

演示