html5 - 用angularjs绑定repeat出来的图片怎么实现在加载完成前显示一张正在加载的占位图?
高洛峰
高洛峰 2017-04-17 11:41:20
[HTML讨论组]

HTML页面上的是通过ng-repeat出来的,现在的情况是网速稍慢的时候原本要显示的图片加载速度较慢,导致p没有内容撑开而全部挤在一块很难看,直到图片加载出来才会恢复成理想的排列样式。
请问怎么样可以监控到中的图片没有加载完成之后先显示一张正在加载的图片占个位?百度查了很多都是通过id来控制的,但是ng-repeat不能搞id啊,请问还有什么其他的解决方法?
onerror事件已经加上,这个貌似是加载失败时才会触发的。加载速度慢不一定会触发到。。。

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(4)
迷茫

给图片容器宽度高度,再加个背景图片

迷茫

用ng-src不可以吗

阿神

由于AngularJS通过“dirty checking”函数来检测变化。每次检测都会花费时间,所以包含复杂数据结构的大型列表将降低你应用的运行速度。如果是列表数据量大,缓解该问题,最好的办法是限制所显示列表的大小。可通过分页、添加无限滚动条来实现。如果你不能/不想使用分页,但过滤过程又很慢,这时一定要检查前五步,并使用“ng-show”隐藏掉多余的列表元素。另外,将要显示的列表与总的数据列表分开,是非常有用的模型。你可以对一些过滤进行预处理,并将存于缓存中的链接应用到视图上。不要使用内部指令,像ng-mouseenter,AngularJS会使你的页面闪烁。另外如果需要的话一定要使用ng-if这样可以阻止渲染(与ng-show相比)。推荐一个免费的课程给你,有空可以看看:http://www.hubwiz.com/course/54f3ba65e564e50cfccbad4b/

怪我咯

跟angular有啥关系吗,设置下默认样式呗,网速慢跟用什么没关系吧

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号