动态创建角度js中的多个下拉列表

时间:2014-07-12 14:08:43

标签: angularjs

我在动态创建角度js中的选择下拉列表时出现问题,更改一个下拉选项会对其余下拉列表进行更改。我的要求是在所有下拉列表中使用相同的数据选项,并在每个下拉列表中获取所选的选项。我如何解决这个问题?

示例:

  <div ng-repeat ="option in options">
   <select class="form-control input-lg" ng-model='newcategory.option'
   ng- change="optsChanged()"required ng-options='option.value as option.name for option
   in useroptions'>
   </select> 
  <div>

我需要为具有相同选项的表的每一行创建一个下拉列表,但它应该是一个不同的实例或动态分配的不同模型。

1 个答案:

答案 0 :(得分:3)

使用索引作为ng-model ng-model =&#39; newcategory.option [$ index]&#39; 的下标..目前您正在使用相同的ng-导致问题的所有选择框的模型

   <div ng-repeat ="option in options">
       <select class="form-control input-lg" ng-model='newcategory.option[$index]'
            ng-change="optsChanged()"required ng-options='option.value as option.name for    option in useroptions'>
       </select> 
  <div>