How do I prevent duplicate Angular keys in ng-repeat?

Question

Having trouble with duplicate keys in NG-Grid. Search for Tim then click on ng grid column in gridOptions1 to see duplicates in gridOptions2. Any ideas?

Here's plnkr

$scope.gridColumnDefs2 = [
 {displayName:'Phone', cellTemplate: 
 '<div data-ng-repeat="(key, ngClickResult) in ngClickResults track by $index">{{ngClickResult.phone}}</div>'},

try `(key, ngClickResult) in ngClickResults track by $index` — YOU, Jul 08 '15 at 13:23

score 2 · Accepted Answer · edited May 23 '17 at 11:43

2

I like to use track by to solve this, unless there is some reason you should not, try track by $index - that usually does the trick!

<div data-ng-repeat="(key, ngClickResult) in ngClickResults track by $index">

Or if you're actually trying to remove the items from the data you can filter , something like this from this answer here - AngularJs Remove duplicate elements in ng-repeat

Although If you use this second method, unless you are really stuck I would recommend trying to modify the data coming in before it hits the repeat - maybe on the server if you have access to that.

edited May 23 '17 at 11:43

Community

1
1

answered Jul 08 '15 at 13:28

ajmajmajma

13,712
24
79
133

@Angular_Newbie You would need to use a filter like the example question in the gridOptions2 - http://stackoverflow.com/questions/20222555/angularjs-remove-duplicate-elements-in-ng-repeat – ajmajmajma Jul 08 '15 at 13:57
Ok. Looking into that now. Thanks ajmajmajma. – Angular_Newbie Jul 08 '15 at 14:15
ajmajmajma.. That helped. It's working now.. http://plnkr.co/edit/NN9TIN0SEhNVqiHvhmTS?p=preview – Angular_Newbie Jul 08 '15 at 14:33

score 0 · Answer 2 · answered Jul 08 '15 at 13:24

0

Angular provide the unique filter:

<div ng-repeat="item in result | unique:'_id'">
    //Body here
</div>

answered Jul 08 '15 at 13:24

Alexandru Olaru

6,842
6
27
53

but this will give only the unique elements but how the user will find the duplicate elements ... – nirajkumar Jul 08 '15 at 13:26

How do I prevent duplicate Angular keys in ng-repeat?

2 Answers2