首页 > 用angularjs绑定repeat出来的图片怎么实现在加载完成前显示一张正在加载的占位图?

用angularjs绑定repeat出来的图片怎么实现在加载完成前显示一张正在加载的占位图?

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


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


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


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


用ng-src不可以吗

【热门文章】
【热门文章】