跟蹤和重複

ngRepeat 使用 $ watchCollection 來檢測集合中的變化。當發生變化時,ngRepeat 然後對 DOM 進行相應的更改:

  • 新增專案時,會將新模板例項新增到 DOM。
  • 刪除專案後,將從 DOM 中刪除其模板例項。
  • 重新排序專案時,它們各自的模板將在 DOM 中重新排序。

重複

  • track by 表示可能包含重複值的任何列表。
  • track by 也顯著加快了列表變化。
  • 如果在這種情況下不使用 track by,則會收到錯誤:[ngRepeat:dupes]
$scope.numbers = ['1','1','2','3','4'];

<ul>
  <li ng-repeat="n in numbers track by $index">
    {{n}}
  </li>
</ul>