Angular only repeats over arrays with no repeated elements [duplicate]

Question

The following Angular code displays four dancing hamsters:

<img src="images/dancingHamster.gif" ng-repeat="i in [1,2,3,4]">

whereas this code displays nothing:

<img src="images/dancingHamster.gif" ng-repeat="i in [1,1,1,1]">

Here are some more arrays that work:

[4,3,2,1] ['a','c','b','z']

And here are some that display nothing:

[4,3,2,4] ['a','c','b','a']

As far as I can tell, it only works if there are no repeated elements. Why is this?

Add track by $index: ng-repeat="i in [1,1,1,1] track by $index": docs.angularjs.org/error/ngRepeat/dupes — Walter Chapilliquen - wZVanG
– Walter Chapilliquen - wZVanG, Commented May 27, 2015 at 20:33

user3227295 · Accepted Answer · 2015-05-27 20:33:06Z

4

if items in array is duplicat use track by $index

<img src="images/dancingHamster.gif" ng-repeat="i in [1,1,1,1] track by $index">

answered May 27, 2015 at 20:33

user3227295

2,1561 gold badge13 silver badges17 bronze badges

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

1 Answer 1