NG-OPTIONS中的硬编码值,来自NG-REPEAT的动态值

时间:2015-05-22 19:12:09

标签: angularjs angularjs-ng-repeat ng-options

假设我们有这些数据并且它是由API返回的

$scope.arrayOfStudentObjects = [
    { name : 'Ashley', gender : 'female' },
    { name : 'Tom', gender : 'male' },
    { name : 'Scott', gender : 'male' }
];

然后我们放入的值<选择>属于范围

$scope.gender = [ { type : 'male' }, { type : 'female' } ];

现在我们要显示值并在选择下拉列表中正确设置性别的选择

<tr ng-repeat="student in arrayOfStudentObjects track by $index">
    <select ng-model="student.gender" ng-options="sex.type for sex in gender"></select>
</tr>

但是,我不确定为什么它没有为该学生显示/选择适当的性别。请参阅Plunker。 the documentation

1 个答案:

答案 0 :(得分:3)

将您的<select...>更改为

 <select ng-model="student.gender" ng-options="sex.type as sex.type for sex in gender"></select>

否则它与之比较的值是完整对象。

forked plunk:

http://plnkr.co/edit/azBhpIEUkybXmQWliMOR?p=preview