2014-01-10 35 views
-2

我在控制器中执行以下:ngOptions角JS

$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正确地做到这一点。

感谢

+0

当我开始使用'ngOptions'时,发现[此页非常有帮助](http://odetocode.com/blogs/scott/archive/2013/06/19/using-ngoptions-in-angularjs.aspx)在select选项标签上使用'ngRepeat' – jnthnjns

+0

我使用了 这产生 <选择NG-模型= “queselectedItem” NG-选项= “obj.name如obj.type用于queoptions OBJ” 类= “NG-原始NG-有效”> <选项值= “”class =“”>请选择 事故 <选项值= “1”>从商店 仍然不正确的选项值收集。 – user2025749

回答

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”选作值。

+0

感谢这似乎工作,正是我所追求的。 – user2025749