跟蹤和重複
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>