如何在angularJS深层嵌套ngRepeat中获取不同层级的$index

最新推荐文章于 2020-07-31 21:08:37 发布

_古井心

最新推荐文章于 2020-07-31 21:08:37 发布

阅读量8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： AngularJS angular ng-repeat 多重循环 index

本文链接：https://blog.youkuaiyun.com/u010234516/article/details/54652859

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个在Angular应用中解决深层嵌套ngRepeat时如何区分内外层循环索引的问题。通过使用ng-init定义一个外部索引变量outerIndex，可以在内部循环中同时访问到外层和内层的$index值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考文章：

Hacking with Angular: 如何在深层嵌套ngRepeat中获取不同层级的$index

<div class="btn-group" ng-repeat="type in types" ng-init="outerIndex = $index">
    <button type="button" class="btn btn-default">{{type.name}}</button>
    <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu">
        <li>
            <a href="#" ng-repeat="status in statuses" ng-click="doSomething(outerIndex,$index)">{{status.name}}</a>
        </li>
    </ul>
</div>

要点在于在第一层循环，即第一个ng-repeat之后使用ng-init定义一个变量（outerIndex），将外层$index的值存储起来，这样在内层循环中就可以使用这个变量（outerIndex）来访问外层循环的$index，而依然使用$index访问内层循环的$index。