angularjs - 在嵌套的 ng-repeat 中传递 2 个 $index 值

Question

所以我有一个 ng-repeat 嵌套在另一个 ng-repeat 中，以构建导航菜单。在每个 <li>在内部 ng-repeat 循环中，我设置了一个 ng-click，它通过传入 $index 来调用该菜单项的相关 Controller ，让应用程序知道我们需要哪一个。不过，我还需要从外部 ng-repeat 传入 $index，以便应用程序知道我们位于哪个部分以及哪个教程。

<ul ng-repeat="section in sections">
    <li  class="section_title {{section.active}}" >
        {{section.name}}
    </li>
    <ul>
        <li class="tutorial_title {{tutorial.active}}" ng-click="loadFromMenu($index)" ng-repeat="tutorial in section.tutorials">
            {{tutorial.name}}
        </li>
    </ul>
</ul>

这是一个笨蛋 http://plnkr.co/edit/bJUhI9oGEQIql9tahIJN?p=preview

Answer 1

每个 ng-repeat 都会使用传递的数据创建一个子作用域，并在该作用域中添加一个额外的 $index 变量。

因此，您需要做的是到达父范围，并使用该 $index。

参见http://plnkr.co/edit/FvVhirpoOF8TYnIVygE6?p=preview

<li class="tutorial_title {{tutorial.active}}" ng-click="loadFromMenu($parent.$index)" ng-repeat="tutorial in section.tutorials">
    {{tutorial.name}}
</li>