Increment counter within ng-repeat in AngularJS

Question

I have two nested ng-repeat and would like to access both the outer and inner indexes.

<div ng-repeat="column in columns" ng-init="columnIndex = $index">
     <div ng-repeat="row in column" ng-init="rowIndex = $index">
          <p ng-click="delete(column, row)">
              Delete
          </p>
     </div>
</div>

Now, this works fine as long as the outers model isn't updated. Apparently, ng-init initializes the values only once so columnIndex and rowIndex will not be update accordingly if I delete one element on the page.

Is there an other way to keep track of the outer and inner index so the correct values can be passed to the delete function?

@Ellery That other person wanted to modify the model on click. I don't, A specific value needs to be attributed to each delete function. — MrVoodoo
– MrVoodoo, Commented May 5, 2015 at 15:01
why do you need it in delete function? Easy to get indexing in controller with what you have and don't need $index — charlietfl
– charlietfl, Commented May 5, 2015 at 15:02
you need to use some uniqueIdentifier in your array itself, depening on $index i not good idea — Pankaj Parkar
– Pankaj Parkar, Commented May 5, 2015 at 15:02
@charlieftl Maybe I'm doing it wrong, but I need to know which value to delete from the model array. — MrVoodoo
– MrVoodoo, Commented May 5, 2015 at 15:03

Numyx · Accepted Answer · 2015-05-05 15:29:00Z

3

You can set a name for each ng-repeat index:

<div ng-repeat="(columnIndex, column) in columns">
    <div ng-repeat="(rowIndex, row) in column">
        <p ng-click="delete(column, row)">
            Delete
        </p>
    </div>
</div>

Alternatively you can use $index for the inner index and $parent.$index for the outer index.

answered May 5, 2015 at 15:29

Numyx

1,7582 gold badges11 silver badges16 bronze badges

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

1 Comment

MrVoodoo Over a year ago

I feel dumb, I didn't even think of the keys. But still, I didn't know about the $parent.$index, so thanks!

Collectives™ on Stack Overflow

Increment counter within ng-repeat in AngularJS

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related