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

发布时间：2020-12-17 09:32:17 所属栏目：安全来源：网络整理

导读：所以我有一个ng重复嵌套在另一个ng重复，以构建导航菜单。在每个在内部ng-repeat循环上，我设置了一个ng-click，它通过传递$ index来调用该菜单项的相关控制器，让应用程序知道我们需要哪个。然而，我还需要传递外部ng重复的$索引，所以应用程序知道我们在

所以我有一个ng重复嵌套在另一个ng重复，以构建导航菜单。在每个

在内部ng-repeat循环上，我设置了一个ng-click，它通过传递$ index来调用该菜单项的相关控制器，让应用程序知道我们需要哪个。然而，我还需要传递外部ng重复的$索引，所以应用程序知道我们在哪个部分以及哪个教程。

<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>

这里是Plunker http://plnkr.co/edit/bJUhI9oGEQIql9tahIJN?p=preview

每个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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!