Nested Loops (ng-repeat) in AngularJS with $index

Question

Lets say we have two ng-repeat (nested) in angularJS:

<div ng-repeat="animal of animals track by $index">
    <div ng-repeat="name in names">
        <p>{{$index}}</p>
    </div>
</div>

In this example the $index would be the index of the child loop in names, but i want to have the index of the parent loop animals where i have the track by.

Why is this not working?

yohannist · Accepted Answer · 2020-06-11 11:18:46Z

1

Try this.

  <div ng-repeat="animal of animals track by $index">
        <div ng-repeat="name in names">
            <p>{{$parent.$index}}</p>
        </div>
    </div>

answered Jun 11, 2020 at 11:18

yohannist

4,2143 gold badges38 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

Nested Loops (ng-repeat) in AngularJS with $index

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related