angularJS ng-repeat 中track by 的作

作者: MGd | 来源:发表于2017-06-12 11:07 被阅读28次

<div   ng-repeat=" item in items" >
</div>

如果item的值有重复的，比如items=["aaa","aaa","aaa","bbb","bbb"]
那么angularjs 会报错，不允许值重复，原因是angular需要一个唯一值可以与生成的dom绑定，以便追踪。
所以，在这种情况下，track by 就出现了：

<div ng-repeat="(key,value) in items track by key">
</div>

因为key不会重复

angularJS ng-repeat 中track by 的作
ng-repeat 最简单的写法是：如果item的值有重复的，比如items=["aaa","aaa","aaa...
angularJS中$scope作用域问题
说明: angularJS中,ng-if,ng-repeat,ng-switch,ng-view,ng-inclu...
AngularJS 最常用的八种功能
AngularJS 使用基础知识第一迭代输出之ng-repeat标签 ng-repeat让table ul o...
Angularjs浓缩
AngularJS 最常用的八种功能第一迭代输出之ng-repeat标签 ng-repeat让table ul...
AngularJS中ng-repeat渲染完成事件和中间变量的引
ng-repeat渲染完成事件因为在用AngularJS期间, 经常用到ng-repeat, 而有时需要在其渲染...
AngularJS中ng-repeat渲染完成事件和中间变量的引
ng-repeat渲染完成事件因为在用AngularJS期间, 经常用到ng-repeat, 而有时需要在其渲染...
Angular报错:[ngRepeat:dupes] Dupli
一般出错的原因是ng-repeat中的数据有重复，解决办法: 加上track by $index 或者数据中自带...
ng-repeat track by
scope数组数据发生变化时，界面会自动刷新，刷新方式有2种： 1.删除之前所有存在的dom，然后重新生成dom。...
AngularJS ng-repeat
angularjs解决select下ng-repeat多出空白o
最近维护公司项目，使用的是angularjs，在使用ng-repeat的时候按照以往经验在之前加了