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

前端之家收集整理的这篇文章主要介绍了angularjs – 在嵌套ng-repeat中传递2 $ index值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有一个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>

    猜你在找的Angularjs相关文章