Hiểu biểu thức ngRepeat 'track by'

Tôi đang gặp khó khăn trong việc hiểu cách hoạt động của bản nhạc bằng biểu thức ng-repeat trong anglejs. Tài liệu rất khan hiếm: http://docs.angularjs.org/api/ng/directive/ngRepeat

Bạn có thể giải thích những gì là sự khác biệt giữa hai đoạn mã là về liên kết dữ liệu và các khía cạnh khác có liên quan?

với: track by $index

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

không có (cùng một đầu ra)

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

Bạn có thể track by $indexnếu nguồn dữ liệu của bạn có số nhận dạng trùng lặp

ví dụ: $scope.dataSource: [{id:1,name:'one'}, {id:1,name:'one too'}, {id:2,name:'two'}]

Bạn không thể lặp lại bộ sưu tập này trong khi sử dụng 'id' làm định danh (id trùng lặp: 1).

KHÔNG LÀM VIỆC:

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

nhưng bạn có thể, nếu sử dụng track by $index:

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

một bản tóm tắt ngắn:

track by được sử dụng để liên kết dữ liệu của bạn với quá trình tạo DOM (và chủ yếu là tạo lại) được thực hiện bởi ng-repeat.

khi bạn thêm, track byvề cơ bản, bạn sẽ nói với góc để tạo một phần tử DOM duy nhất cho mỗi đối tượng dữ liệu trong bộ sưu tập đã cho

điều này có thể hữu ích khi phân trang và lọc, hoặc bất kỳ trường hợp nào trong đó các đối tượng được thêm vào hoặc xóa khỏi ng-repeatdanh sách.

thông thường, không có track bygóc cạnh sẽ liên kết các đối tượng DOM với bộ sưu tập bằng cách đưa thuộc tính expando - $$hashKey- vào các đối tượng JavaScript của bạn và sẽ tạo lại nó (và liên kết lại đối tượng DOM) với mọi thay đổi.

giải thích đầy đủ:

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

một hướng dẫn thực tế hơn:

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

(theo dõi bằng có sẵn trong góc> 1.2)

Nếu bạn đang làm việc với các đối tượng theo dõi bằng mã định danh (ví dụ: $ index) thay vì toàn bộ đối tượng và bạn tải lại dữ liệu của mình sau đó, ngRepeat sẽ không xây dựng lại các phần tử DOM cho các mục mà nó đã hiển thị , ngay cả khi các đối tượng JavaScript trong bộ sưu tập có đã được thay thế cho những cái mới.