跟踪和重复
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>