AngularJS nested ng-repeat access to Index

Question

I have nested array so I had to use 3 times ng-repeat

    <div ng-repeat = "cat in cats"  >

          <div ng-repeat = "kitty in cat  "  >

             <button ng-click="delete($index)">Delete</button>

      </div>
   </div>
 </div>

So my problem is that I can't get access to 2nd ng-repeat $index , any ideas ?

Alex · Accepted Answer · 2014-07-31 12:43:12Z

4

This is the purpose of the ng-init directive

<div ng-repeat="cat in cats" ng-init="catIndex = $index">
   <div ng-repeat="kitty in cat">
        <button ng-click="delete(catIndex)">Delete</button>
   </div>
</div>

Alternatively use (index, value) formatting:

<div ng-repeat="(catIndex, cat) in cats">
   <div ng-repeat="kitty in cat">
        <button ng-click="delete(catIndex)">Delete</button>
   </div>
</div>

edited Jul 31, 2014 at 12:43

answered Jul 30, 2014 at 16:08

Alex

7,9893 gold badges47 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

ryeballar Over a year ago

or you could have used the (key, value) ng-repeat syntax?

Alex Over a year ago

@ryeballar - that's for objects, not arrays

ryeballar Over a year ago

You're wrong, it works for arrays as well. If the element being iterated in an ng-repeat is an array then the key is the index. Thus, you can do it like this, ng-repeat="(catIndex, cat) in cats"

ryeballar Over a year ago

You can add an update to your answer, at least the OP is aware of his options, you answer is correct but it adds N more times the watchers.

Gena Moroz · Accepted Answer · 2014-07-30 16:10:06Z

-2

<div ng-repeat = "cat in cats track by $catIndex"  >

          <div ng-repeat = "kitty in cat track by $kittyIndex "  >

             <button ng-click="delete($kittyIndex)">Delete</button>

      </div>
</div>

answered Jul 30, 2014 at 16:10

Gena Moroz

9545 silver badges9 bronze badges

1 Comment

Alex Over a year ago

track by has nothing to do with $index

Collectives™ on Stack Overflow

AngularJS nested ng-repeat access to Index

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related