博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular中对于no-repeat的优化——track by
阅读量:5102 次
发布时间:2019-06-13

本文共 448 字,大约阅读时间需要 1 分钟。

最近使用angular时,发现no-repeat有个诡异的现象,代码如下:

箭头所指的是我们今天研究的对象,具有重复数组

接下来,我们repeat一下

结果是。。。

讲道理,代码没错啊,原来是对象中不允许值重复,因为angular需要一个唯一值Key与生成的dom绑定,无法处理重复对象,

解决方法很简单,就是添加track by,代码如下

此语句能将数据重用,假设不慎在数据库上取到了重复数据,也能重用,用该方法能去除$$hashKey的影响。(
ng-repeat会为每一次元素加上一个$$hashKey来识别每一个元素,当我们从后端重新获取数据时,即使数据完全
一样,但是由于hashKey不一样,angular会删除之前的所有dom,重新生成新的dom,这样效率就会大大降低)
 
使用时注意点:如果语句中有orderBy(排序)时,track by要放在其后面,不然那酸爽,自己体会去吧。
 
 

 

转载于:https://www.cnblogs.com/neil120/p/6555031.html

你可能感兴趣的文章
如何终止线程的运行(C/C++)
查看>>
"远程桌面连接--“发生身份验证错误。要求的函数不受支持
查看>>
【BZOJ1565】 植物大战僵尸
查看>>
视频:"我是设计师"高清完整版Plus拍摄花絮
查看>>
sicp solutions
查看>>
VALSE2019总结(4)-主题报告
查看>>
浅谈 unix, linux, ios, android 区别和联系
查看>>
PhotoZoom放大图片,真的能无损吗?
查看>>
转载分享移动网站最佳实践
查看>>
spark--环境搭建--4.ZooKeeper345集群搭建
查看>>
Codeforces Round #426 (Div. 2) C. The Meaningless Game
查看>>
51nod 1428 活动安排问题 (贪心+优先队列)
查看>>
leetcode - Next Permutation
查看>>
C#创建Windows服务程序
查看>>
Spring Boot 2.0系列文章(五):Spring Boot 2.0 项目源码结构预览
查看>>
中国烧鹅系列:利用烧鹅自动执行SD卡上的自定义程序(含视频)
查看>>
Solaris11修改主机名
查看>>
latex for wordpress(一)
查看>>
如何在maven工程中加载oracle驱动
查看>>
Flask 系列之 SQLAlchemy
查看>>