首页 > 解决方案 > 如何使用带有 $index 的循环

问题描述

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

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

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

 all.Options0 = {
            data: all.myData,
        };
        
all.Options1 = {
            data: all.myDataTwo,
          
        };
<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>

标签: angularjs

解决方案


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

所以正确的方法是

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

推荐阅读