What is the purpose of ngFor trackBy?

Web Development
, ,
#1

The main purpose of using *ngFor with trackBy option is performance optimization. Normally if wee use NgFor with large data sets, a small change to one item by removing or adding an item, can trigger a cascade of DOM manipulations. In this case, Angular sees only a fresh list of new object references and to replace the old DOM elements with all new DOM elements. We can help Angular to track which items added or removed by providing a trackBy function which takes the index and the current item as arguments and needs to return the unique identifier for this item.