Access index of the parent ng-repeat from child ng-repeat

Question

I want to use the index of the parent list  foos  as an argument to a function call in the child list  foos bars    I found a post where someone recommends using  parent  index  but  index is not a property of  parent   How can I access the index of the parent ng-repeat    lt div ng-repeat  f in foos  gt     lt div gt       lt div ng-repeat  b in foos bars  gt         lt a ng-click  addSomething  parent  index   gt Add Something lt  a gt       lt  div gt     lt  div gt   lt  div gt

User · Answer

Take a look at my answer to a similar question.
By aliasing $index we do not have to write crazy stuff like $parent.$parent.$index.

Way more elegant solution whan $parent.$index is using 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

User · Answer

You can simply use  use  parent  index  where parent will represent object of parent repeating object

User · Answer

According to ng-repeat docs http   docs angularjs org api ng directive ngRepeat  you can store the key or array index in the variable of your choice   indexVar  valueVar  in values  so you can write   lt div ng-repeat   fIndex  f  in foos  gt     lt div gt       lt div ng-repeat  b in foos bars  gt         lt a ng-click  addSomething fIndex   gt Add Something lt  a gt       lt  div gt     lt  div gt   lt  div gt    One level up is still quite clean with  parent  index but several parents up  things can get messy   Note   index will continue to be defined at each scope  it is not replaced by fIndex

User · Answer

You can also get control of grand parent index by the following code   parent  parent  index

User · Answer

My example code was correct and the issue was something else in my actual code  Still  I know it was difficult to find examples of this so I m answering it in case someone else is looking    lt div ng-repeat  f in foos  gt     lt div gt       lt div ng-repeat  b in foos bars  gt         lt a ng-click  addSomething  parent  index   gt Add Something lt  a gt       lt  div gt     lt  div gt   lt  div gt

User · Answer

parent doesn t work if there are multiple parents  instead of that we can define a parent index variable in init and use it   lt div data-ng-init  parentIndex    index  ng-repeat  f in foos  gt     lt div gt       lt div data-ng-init  childIndex    index  ng-repeat  b in foos bars  gt         lt a ng-click  addSomething parentIndex   gt Add Something lt  a gt       lt  div gt     lt  div gt   lt  div gt

[javascript] Access index of the parent ng-repeat from child ng-repeat

Examples related to javascript

Examples related to angularjs

Examples related to angularjs-ng-repeat