Comprensione dell'espressione 'track by' ngRepeat

Ho difficoltà a capire come funziona la traccia per espressione di ng-repeat in angularjs. La documentazione è molto scarsa: http://docs.angularjs.org/api/ng/directive/ngRepeat

Puoi spiegare qual è la differenza tra questi due frammenti di codice in termini di associazione dati e altri aspetti rilevanti?

con: track by $index

<!--names is an array-->
<div ng-repeat="(key, value) in names track by $index">
  <input ng-model="value[key]">                         
</div>

senza (stessa uscita)

<!--names is an array-->
<div ng-repeat="(key, value) in names">
   <input ng-model="value[key]">                         
</div>

Puoi farlo track by $indexse la tua origine dati ha identificatori duplicati

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

Non puoi iterare questa raccolta mentre utilizzi "id" come identificatore (id duplicato: 1).

NON FUNZIONA:

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

ma puoi, se usi track by $index:

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

un breve riassunto:

track by viene utilizzato per collegare i tuoi dati con la generazione DOM (e principalmente la rigenerazione) realizzata da ng-repeat.

quando aggiungi track by, in pratica, dici ad angular di generare un singolo elemento DOM per oggetto dati nella raccolta data

questo potrebbe essere utile quando si impagina e si filtra, o in qualsiasi caso in cui gli oggetti vengono aggiunti o rimossi ng-repeatdall'elenco.

di solito, senza track byangolare collegherà gli oggetti DOM con la raccolta iniettando una proprietà expando - $$hashKey- nei tuoi oggetti JavaScript e lo rigenererà (e riassocierà un oggetto DOM) ad ogni modifica.

spiegazione completa:

http://www.bennadel.com/blog/2556-using-track-by-with-ngrepeat-in-angularjs-1-2.htm

una guida più pratica:

http://www.codelord.net/2014/04/15/improving-ng-repeat-performance-with-track-by/

(track by è disponibile in angolare> 1.2)

Se stai lavorando con gli oggetti tracciati dall'identificatore (ad es. $ Index) invece dell'intero oggetto e ricarichi i tuoi dati in un secondo momento, ngRepeat non ricostruirà gli elementi DOM per gli elementi che ha già reso , anche se gli oggetti JavaScript nella raccolta hanno stato sostituito con nuovi.