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

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

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

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

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    lt ul ng-repeat  section in sections  ng-init  sectionIndex    index  gt       lt li  class  section title   section active     gt            section name        lt  li gt       lt ul gt           lt li class  tutorial title   tutorial active    ng-click  loadFromMenu sectionIndex   ng-repeat  tutorial in section tutorials  gt                tutorial name            lt  li gt       lt  ul gt   lt  ul gt    Plunker  http   plnkr co edit knwGEnOsAWLhLieKVItS p info

[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