Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique
keys. Repeater: {0}, Duplicate key: {1}, Duplicate value: {2}
By default, collections are keyed by reference
which is desirable for most common models but can be problematic for primitive
types that are interned.
My
Problem is - Error: [ngRepeat:dupes] duplicates in a
repeater are not allowed.
// this code throws
the error "Duplicates in a repeater are not allowed.
// ngRepeater: row in
['Declined By P', 'Quoted By P', 'Quoted By P', 'Declined By P', 'Declined By
P']"
<ul>
<li ng-repeat="row in ['Declined By P', 'Quoted By P',
'Quoted By P', 'Declined By P', 'Declined By P']">
{{row}}
</li>
</ul>
AngularJs does not allow duplicates in ng-repeat directive. So I got an error - ngRepeat:dupes
The
Solution is - Use 'track by' expression to specify unique keys. See in the below example.
<ul>
<li ng-repeat="row in ['Declined By P', 'Quoted By P',
'Quoted By P', 'Declined By P', 'Declined By P'] track by $index">
{{row}}
</li>
</ul>
OR
<div ng-repeat="user in user.userList track by user.UserId">
{{user.name}}
</div>
Here UserId
is unique id and the name of user can be same. So use “track by user.UserId” for ignores error.
See
in the AngularJs Official - here: https://docs.angularjs.org/error/ngRepeat/dupes