所以我有一个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>