AngularJs Remove duplicate elements in ng-repeat

by

Just create a filter that gets the unique values, probably by a key. Something like this ought to do (I didn’t test this at all, so I’ll leave that business to you, this is just to give you an idea):

app.filter('unique', function() {
   return function(collection, keyname) {
      var output = [], 
          keys = [];

      angular.forEach(collection, function(item) {
          var key = item[keyname];
          if(keys.indexOf(key) === -1) {
              keys.push(key);
              output.push(item);
          }
      });

      return output;
   };
});

<div ng-repeat="item in items | unique: 'id'"></div>

Note: Array.indexOf() does not work in IE8, so if you’re supporting IE8, you’ll need to stub in indexOf(), or you’ll need to use a slightly different approach.

Other thoughts: It’s probably better just to create a filter that leverages the unique function in lowdash or underscore if you’re already referencing those libraries.

More Related Contents:

  1. How to iterate over the keys and values with ng-repeat in AngularJS?
  2. How to make ng-repeat filter out duplicate results
  3. AngularJS For Loop with Numbers & Ranges
  4. Calculating sum of repeated elements in AngularJS ng-repeat
  5. Difficulty with ng-model, ng-repeat, and inputs
  6. Angular ng-repeat add bootstrap row every 3 or 4 cols
  7. Angular ng-repeat conditional wrap items in element (group items in ng-repeat)
  8. passing 2 $index values within nested ng-repeat
  9. ng-repeat filtering data by date range
  10. Preserve line breaks in angularjs
  11. How to use ng-repeat for dictionaries in AngularJs?
  12. AngularJS: ng-repeat list is not updated when a model element is spliced from the model array
  13. Ng-click doesn’t work inside ng-repeat
  14. AngularJS – How can I reference the property name within an ng-Repeat
  15. AngularJS : ng-repeat filter when value is greater than
  16. When not to use ‘track by $index’ in an AngularJS ng-repeat?
  17. AngularJS Group By Directive without External Dependencies
  18. Angular orderBy number sorting as text in ng-repeat
  19. Using comma as list separator with AngularJS
  20. How to use “ng-repeat” within template of a directive in Angular JS?
  21. Using ng-if as a switch inside ng-repeat?
  22. What is `priority` of ng-repeat directive can you change it?
  23. AngularJS – Filter empty objects
  24. Filtering an Angular 1.2 ng-repeat with “track by” by a boolean property
  25. How to highlight a selected row in ngRepeat?
  26. ng-repeat specify a starting index
  27. angularjs text area character counter
  28. Binding inputs to an array of primitives using ngRepeat => uneditable inputs
  29. Angular ng-click event delegation
  30. Highlighting a filtered result in AngularJS

Leave a Comment