如何使用带$ index的循环

时间:2018-04-27 09:06:32

标签: angularjs

当我在html中使用上面的代码时,我无法得到我想要的结果,因为我遇到了问题:

<my-grid options="{{'all.Options'+$index}}"  class="grid"></my-grid>

因为我想通过循环显示all.Options0和1的数据

&#13;
&#13;
 all.Options0 = {
            data: all.myData,
        };
        
all.Options1 = {
            data: all.myDataTwo,
          
        };
&#13;
<div ng-repeat="n in [].constructor(2) track by $index">
      {{$index}}  <br>
      <my-grid options="{{'all.Options'+$index}}"  class="grid"></my-grid>
      <br> <br> <br> <br>
    </div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我不确定你ng-repeat="n in [].constructor(2) track by $index"是否运作良好。如果您的ng-repeat代码正常运行。然后尝试 options="{{all['Options'+$index]}}" 而不是options="{{'all.Options'+$index}}",因为您应该提供正确的对象而不是字符串'all.Options'

所以正确的方法是

options="{{all['Options'+$index]}}"