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>

<强> DEMO

ngOptions不将模型绑定到数据。

1 个答案: