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

Question

假设我们有这些数据并且它由 API

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

然后我们放入 < select > 的值在一个范围内

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

现在我们要显示值并在 select 下拉菜单中正确设置 selection 的性别

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

但是，我不确定为什么 displaying/selecting 不适合该学生的性别。请参阅 Plunker。 http://plnkr.co/edit/o0Wt2Qg8BFXmeeMqFBIE?p=preview

Answer 1

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

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

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

分叉的 plunk：

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

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

Hardcoded values in NG-OPTIONS with dynamic values from NG-REPEAT

angularjs

angularjs-ng-repeat

ng-options