passing 2 $index values within nested ng-repeat

Question

So I have an ng-repeat nested within another ng-repeat in order to build a nav menu. On each <li>on the inner ng-repeat loop, I set an ng-click which calls the relevant controller for that menu item by passing in the $index to let the app know which one we need. However, I need to also pass in the $index from the outer ng-repeat so the app knows which section we are in as well as which tutorial.

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

Answer 1

You can use the following way to pass 2 $index values within nested ng-repeat see the example below:-

<li class="tutorial_title {{tutorial.active}}" ng-click="loadFromMenu($parent.$index)" 

ng-repeat="tutorial in section.tutorials"> 

{{tutorial.name}}

 </li>