NgRepeat 'track by' ifadesini anlama

Angularjs'de ng-tekrar ifadesi ile parçanın nasıl çalıştığını anlamakta güçlük çekiyorum . Belgeler çok azdır: http://docs.angularjs.org/api/ng/directive/ngRepeat

Veri bağlama ve diğer ilgili hususlar açısından bu iki kod parçacığı arasındaki farkın ne olduğunu açıklayabilir misiniz ?

ile: track by $index

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

olmadan (aynı çıktı)

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

track by $indexVeri kaynağınızın yinelenen tanımlayıcıları varsa yapabilirsiniz

Örneğin: $scope.dataSource: [{id:1,name:'one'}, {id:1,name:'one too'}, {id:2,name:'two'}]

Tanımlayıcı olarak "id" yi kullanırken bu koleksiyonu yineleyemezsiniz (yinelenen kimlik: 1).

ÇALIŞMAYACAK:

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

ancak şunları kullanıyorsanız yapabilirsiniz track by $index:

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

kısa bir özet:

track by verilerinizi ng-tekrar ile yapılan DOM üretimi (ve esas olarak yeniden oluşturma) ile ilişkilendirmek için kullanılır.

eklediğinde track by , temelde angular'a verilen koleksiyondaki her veri nesnesi için tek bir DOM öğesi oluşturmasını söylersiniz

bu, sayfalama ve filtreleme sırasında veya nesnelerin eklendiği veya kaldırıldığı herhangi bir durumda yararlı olabilir. ng-repeat listeden .

genellikle track byaçısal olmadan $$hashKey, JavaScript nesnelerinize bir expando özelliği enjekte ederek DOM nesnelerini koleksiyona bağlar ve her değişiklikle onu yeniden oluşturur (ve bir DOM nesnesini yeniden ilişkilendirir).

tam açıklama:

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

daha pratik bir rehber:

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

(tarafından takip etmek açısal> 1.2 olarak mevcuttur)

Nesnelerin tamamı yerine tanımlayıcıya (ör. $ İndeks) göre nesnelerle çalışıyorsanız ve verilerinizi daha sonra yeniden yüklerseniz, ngRepeat , koleksiyondaki JavaScript nesneleri varsa bile , önceden oluşturduğu öğeler için DOM öğelerini yeniden oluşturmaz. yenileri ile değiştirildi.