When not to use ‘track by $index’ in an AngularJS ng-repeat?

by

It has a disadvantage,

'track by' expression tracks by index in the array. It means that as long as the index stays the same, angularjs thinks it’s the same object.

So if you replace any object in the array, angularjs think it didn’t change because the index in the array is still the same. Because of that the change detection wont trigger when you expect it would.

Take a look at this example

Try to change the name, nothing happens.
Remove track by index, it works.
add track by item.name, it still works.

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. AngularJS Group By Directive without External Dependencies
  17. Angular orderBy number sorting as text in ng-repeat
  18. Using comma as list separator with AngularJS
  19. How to use “ng-repeat” within template of a directive in Angular JS?
  20. AngularJs Remove duplicate elements in ng-repeat
  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. How to highlight a selected row in ngRepeat?
  25. ng-repeat specify a starting index
  26. angularjs text area character counter
  27. How to obtain previous item in ng-repeat?
  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