ngOptions Angular JS

时间:2014-01-10 14:42:21

标签: javascript angularjs

我在控制器中有以下内容:

$scope.queoptions = [
{   name: 'que_1',
    type: 'Accidents'
},
{   name: 'que_2',
    type: 'Collect from store'
}
]

我想展示:

<select>
   <option value="que_1">Accidents</option>
   <option value="que_2">Collect from store</option>

如何正确使用ngOptions来执行此操作。

由于

1 个答案:

答案 0 :(得分:0)

很难从评论中看出可能是什么问题,但你的方法似乎是正确的。

请参阅this fiddle

<body ng-App="app" ng-controller="TestCtrl">

<select ng-model="queselectedItem" ng-options="obj.name as obj.type for obj in    queoptions">
<option value="">Please select</option>    
</select>

{{ queselectedItem }}    
</body>

“que_1”和“que_2”在选择各自的选项时被选为值。