在嵌套的ng-repeat中访问父索引

时间:2013-11-19 10:56:09

标签: javascript angularjs angularjs-ng-repeat

我想做这个非常基本的例子:

<div ng-controller="ctrl">
<li ng-repeat="config in configs">
    <span >Config : {{config}}</span>
    <li ng-repeat="version in versions">
        {{config}}
    </li>
</li>
</div>

所以基本上,我得到了2个imbricated ng-repeat循环,我想从第二个循环访问第一个循环的值。 我认为这是非常基本的,但没办法让它发挥作用。我的结果是1 li打印配置,3空子li 我已经尝试了很多组合列表{{$parent.index}}{{$parent.config}}等...

1 个答案:

答案 0 :(得分:2)

我很确定这与HTML的结构有关。

Here is a working plunker

由于您省略了列表所需的<ul>标记。嵌套的<li>导致显示问题。

我简单地将<li><ul>打包在一起,似乎工作正常:

<div ng-controller="ctrl">
<ul>
  <li ng-repeat="config in configs">
    <span >Config : {{ config }}</span>
    <ul>
      <li ng-repeat="version in versions">
          VersionConfig: {{ config }}
      </li>
    </ul>
  </li>
</ul>
</div>