ng-repeat 中的 track by $index 解决相同的ID的对象
来源:互联网 发布:淘宝可以看到历史价格 编辑:程序博客网 时间:2024/05/17 01:32
ng-repeat 中的 track by $index 解决相同的ID的对象
ng-repeat="item in resultLists track by $index"
用ng-repeat指令遍历一个javascript数组,当数组中有重复元素的时候,angularjs会报错,这是因为ng-Repeat不允许collection中存在两个相同Id的对象。
对于数字或者字符串等基本数据类型来说,它的id就是它自身的值。因此数组中是不允许存在两个相同的数字的。为了规避这个错误,需要定义自己的track by表达式。
// 业务上自己生成唯一的id
item in items track by item.id//或者直接拿循环的索引变量$index来用
item in items track by $index
Error: [ngRepeat:dupes]
这个出错提示具体到题主的情况,意思是指数组中有2个以上的相同数字。ngRepeat不允许collection中存在两个相同Id的对象
阅读全文
0 0
- ng-repeat 中的 track by $index 解决相同的ID的对象
- 关于ng-repeat的track by $index
- (十二)ng-repeat指令中使用track by子语句解决重复数据遍历的错误
- ng-repeat指令中使用track by子语句解决数据重复遍历的错误
- ng-repeat指令中使用track by子语句解决重复数据遍历的错误
- angular-ng-repeat不允许collection中存在两个相同Id的对象
- (十三)通过DOM事件DOMNodeRemoved,看ng-repeat的性能问题以及track by的作用
- 在使用angularjs过程,ng-repeat中track by的作用
- angular中ng-repeat及track by
- AngularJS中使用ng-repeat的index
- 获取上一级ng-repeat的index
- angular1中使用track by优化ng-repeat效率
- ng-repeat指令中使用track by子语句
- AngularJS中的ng-repeat、ng-repeat-start和ng-repeat-end的用法区别详解
- AngularJS中ng-repeat对象的问题
- AngularJS中 ng-repeat 排序后的 $index变化
- 【AngularJS】使用ng-repeat中$index的注意点
- angularJs中的ng-repeat的使用
- rdb map出錯rbd sysfs write failed
- Vue开发工具
- RabbitMQ基础概念详细介绍
- Kotlin編程boolean
- Android 下调用 TensorFlow 的接口文件
- ng-repeat 中的 track by $index 解决相同的ID的对象
- iOS-NSUndoManager与怎样弄崩微信
- 产品介绍和产品说明
- oc的指针与对象的关系同c++中的指针和对象的关系作对比
- 【数位dp】不要62
- Anaconda 5.0.0 JupyterLab 0.27.0 中使用 matplotlib basemap 绘制世界地图
- ubuntu17配置固定IP静态IP
- react框架介绍
- 跨界 | 土木工程也开始AI化了:用卷积神经网络实现结构损伤视觉识别