2014-01-10 3 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

Я нашел [эту страницу очень полезно] (http://odetocode.com/blogs/scott/archive/2013/06/19/using-ngoptions-in-angularjs.aspx), когда я начал использовать 'ngOptions' чем 'ngRepeat' на выбранных тегах опций – jnthnjns

+0

Я использовал Это произвело <выберите нг-модель = нг-опций "queselectedItem" = "obj.name в obj.type для OBJ в queoptions" класс = "нг-нетронутые нг-Валид"> <параметр значение = "" 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

Смежные вопросы