Understanding the ngRepeat ‘track by’ expression

by

You can track by $index if your data source has duplicate identifiers

e.g.: $scope.dataSource: [{id:1,name:'one'}, {id:1,name:'one too'}, {id:2,name:'two'}]

You can’t iterate this collection while using ‘id’ as identifier (duplicate id:1).

WON’T WORK:

<element ng-repeat="item.id as item.name for item in dataSource">
  // something with item ...
</element>

but you can, if using track by $index:

<element ng-repeat="item in dataSource track by $index">
  // something with item ...
</element>

More Related Contents:

  1. ng-repeat finish event
  2. Way to ng-repeat defined number of times instead of repeating over array?
  3. How to filter multiple values (OR operation) in angularJS
  4. how to split the ng-repeat data with three columns using bootstrap
  5. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  6. AngularJS multiple filter with custom filter function
  7. orderBy multiple fields in Angular
  8. AngularJS – how to get an ngRepeat filtered result reference
  9. angular ng-repeat in reverse
  10. Angular – Can’t make ng-repeat orderBy work
  11. ngRepeat Filter by deep property
  12. How To bind data using TypeScript Controller & Angular Js
  13. Access index of the parent ng-repeat from child ng-repeat
  14. Dynamic form name attribute in Angularjs
  15. Skip ng-repeat JSON ordering in Angular JS
  16. AngularJS ng-repeat handle empty list case
  17. Angular passing scope to ng-include
  18. Angular.js ng-repeat across multiple elements
  19. Angular.js ng-repeat filter by property having one of multiple values (OR of values)
  20. How to generates dynamically ng-model=”my_{{$index}}” with ng-repeat in AngularJS?
  21. Share data between AngularJS controllers
  22. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  23. What is the difference between & vs @ and = in angularJS
  24. AngularJS toggle class using ng-class
  25. How do I get the Back Button to work with an AngularJS ui-router state machine?
  26. Export to xls using angularjs
  27. How can I populate a select dropdown list from a JSON feed with AngularJS?
  28. Webstorm: “Cannot Resolve Directory”
  29. Adding rows with ng-repeat and nested loop
  30. AngularJS: initialize ZURB Foundation JS

Leave a Comment