Índice de acceso del ng-repeat padre del ng-repeat hijo

Quiero usar el índice de la lista principal (foos) como argumento para una llamada de función en la lista secundaria (foos.bars).

Encontré una publicación en la que alguien recomienda usar $ parent. $ Index, pero $indexno es propiedad de $parent.

¿Cómo puedo acceder al índice del padre ng-repeat?

<div ng-repeat="f in foos">
  <div>
    <div ng-repeat="b in foos.bars">
      <a ng-click="addSomething($parent.$index)">Add Something</a>
    </div>
  </div>
</div>

Mi código de ejemplo era correcto y el problema era algo más en mi código real. Aún así, sé que fue difícil encontrar ejemplos de esto, así que lo estoy respondiendo en caso de que alguien más esté mirando.

<div ng-repeat="f in foos">
  <div>
    <div ng-repeat="b in foos.bars">
      <a ng-click="addSomething($parent.$index)">Add Something</a>
    </div>
  </div>
</div>

De acuerdo con ng-repeat docs http://docs.angularjs.org/api/ng.directive:ngRepeat , puede almacenar la clave o el índice de matriz en la variable que elija.(indexVar, valueVar) in values

para que puedas escribir

<div ng-repeat="(fIndex, f) in foos">
  <div>
    <div ng-repeat="b in foos.bars">
      <a ng-click="addSomething(fIndex)">Add Something</a>
    </div>
  </div>
</div>

Un nivel superior todavía está bastante limpio con $ parent. $ Index pero varios padres suben, las cosas pueden complicarse.

Nota: $indexcontinuará definiéndose en cada ámbito, no se reemplaza por fIndex.

Echa un vistazo a mi respuesta a una pregunta similar .
Aliasing $indexno tenemos que escribir cosas locas como $parent.$parent.$index.

Solución mucho más elegante que $parent.$indexestá usando ng-init :

<ul ng-repeat="section in sections" ng-init="sectionIndex = $index">
    <li  class="section_title {{section.active}}" >
        {{section.name}}
    </li>
    <ul>
        <li class="tutorial_title {{tutorial.active}}" ng-click="loadFromMenu(sectionIndex)" ng-repeat="tutorial in section.tutorials">
            {{tutorial.name}}
        </li>
    </ul>
</ul>

Plunker: http://plnkr.co/edit/knwGEnOsAWLhLieKVItS?p=info

También puede obtener el control del índice de padre principal mediante el siguiente código

$parent.$parent.$index

Simplemente puede usar use $ parent. $ Index. Donde parent representará el objeto del objeto repetido padre.

$ parent no funciona si hay varios padres. en lugar de eso, podemos definir una variable de índice padre en init y usarla

<div data-ng-init="parentIndex = $index" ng-repeat="f in foos">
  <div>
    <div data-ng-init="childIndex = $index" ng-repeat="b in foos.bars">
      <a ng-click="addSomething(parentIndex)">Add Something</a>
    </div>
  </div>
</div>