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

参考文章：

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。