AngularJS选择ng-repeat

时间:2015-01-10 23:38:46

标签: angularjs angularjs-ng-repeat

我正在使用<select>创建ng-repeat的列表,我需要在列表中的每个选项中选择item.quantity,我尝试过有几种方法没有成功。任何帮助,将不胜感激。

<div ng-repeat="item in items">

   <select ng-model="selCartQuantity">
     <option index="1" ng-selected="item.quantity=='1'">1</option>
     <option index="2" ng-selected="item.quantity=='2'">2</option>
     <option index="3" ng-selected="item.quantity=='3'">3</option>
     <option index="4" ng-selected="item.quantity=='4'">4</option>
     <option index="5" ng-selected="item.quantity=='5'">5</option>
   </select>

</div>

2 个答案:

答案 0 :(得分:0)

在你的控制器中你输入以下代码(当然你将$ scope.items更改为你的实际对象)

&#13;
&#13;
$scope.items = [{name:'aaaaa'},{name:'bbbbb'}];
$scope.options= [1,2,3,4,5];
$scope.items.forEach(function(item,index){
  
  item.selCartQuantity= $scope.options[0];
  
 });


and in the html markup you put the following 
&#13;
<div ng-repeat="item in items">

 <select ng-model="item.selCartQuantity" ng-options="option for option in options"></select>

</div>
&#13;
&#13;
&#13;

`


答案 1 :(得分:0)

我建议您查看angular select driective,因为您根本不需要执行ng-repeat。 select指令会自动将所选选项设置为模型中的选项。