循环遍历数组的索引以填充ng-options的选择?

时间:2014-08-20 04:26:47

标签: javascript arrays json angularjs ng-options

嘿,伙计们,我正在努力尝试遍历productData.colors_and_sizes.data[i].sizes集合,将它们放入单个ng-option下拉列表中。

数据集很简单,但我只在字符串数组中使用ng-option

image

问题:

是否可以循环productData.colors_and_sizes.data[x].sizes w / o将数据转换为字符串数组?我觉得我只需要算上[i],但我不知道如何:c

HTML

循环productData.colors_and_sizes.data[i].sizes

   <select ng-model="item.mySize" ng-options="choice as choice for choice in productData.colors_and_sizes.data[i].sizes">
       <option value="">Please select a size</option>
   </select>

最后,值为:Twin, Full, Queen, King

1 个答案:

答案 0 :(得分:1)

<option ng-repeat="opt in options" value="{{opt.value}}">{{opt.text}}</option>

这种事情一般应该这样做。那么诀窍是将数据放在那里。假设你只是使用字符串,它可能是

<option ng-repeat="item in productData.colors_and_sizes.data" value="{{item.sizes}}">{{item.sizes}}</option>

当它看起来是一个奇异的资源(“Twin”而不是[“Twin”,“Full”......])时,将字段命名为'sizes'有点奇怪,但只要尺寸只是一个字符串,您可以像上面那样访问它。