ngRepeatの「トラックバイ」式を理解する

angularjsでのng-repeatの表現によるトラックがどのように機能するかを理解するのが困難です。ドキュメントは非常に少ないです：http : //docs.angularjs.org/api/ng/directive/ngRepeat

これらの2つのコードスニペットの違いは、データバインディングと他の関連する側面の点でどのように説明できますか？

と： track by $index

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

なし（同じ出力）

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

track by $indexデータソースに重複した識別子がある場合は、

例えば： $scope.dataSource: [{id:1,name:'one'}, {id:1,name:'one too'}, {id:2,name:'two'}]

識別子として 'id'を使用している間は、このコレクションを繰り返すことはできません（重複するid：1）。

動作しません：

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

しかし、使用できる場合は、次のことができますtrack by $index。

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

短い要約：

track by ng-repeatによって作成されたDOM生成（および主に再生成）とデータをリンクするために使用されます。

追加するtrack byとき、基本的にangularに与えられたコレクションのデータオブジェクトごとに単一のDOM要素を生成するように伝えます

これは、ページングやフィルタリング、またはオブジェクトがng-repeatリストに追加またはリストから削除される場合に役立ちます。

通常、track byangularを使用しない場合は、expandoプロパティを$$hashKeyJavaScriptオブジェクトに挿入することでDOMオブジェクトをコレクションにリンクし、変更があるたびにそれを再生成（およびDOMオブジェクトを再度関連付け）します。

完全な説明：

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

より実用的なガイド：

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

（追跡は、角度> 1.2で利用できます）

オブジェクト全体ではなく識別子（たとえば、$ index）でオブジェクトトラックを操作していて、後でデータを再ロードする場合、ngRepeat は、コレクション内のJavaScriptオブジェクトが持っていても、すでにレンダリングしたアイテムのDOM要素を再構築しません新しいものに置き換えられました。