AngularJS 使用 ng-src 替换了src :
<img ng-src="{{imageUrl}}">
错误写法:
<img src="{{image_entity.url}}"/>
正确写法
<img ng-src="{{image_entity.url}}"/>
这是因为在加载页面的时候, 在Angular加载完成之前,浏览器会试图从{{image_entity.url}} 路径加载图片,当然这会失败.一旦Angular加载完成以后,浏览器就会明白{{hash}}变量需要被具体值代替,比如logo.png.然后就会到正确的http://www.coderlady.com/avatar/logo.png 去加载图片. 这显然就要执行两次操作.
ng-src就解决了这个问题,因为它会等Angular加载完成以后,才会到正确的地址去加载数据.
1:如果url是常量 src与ng-src 均可 (src="vm.url" 或 ng-src="{{vm.url}}")
2:如果url是变量 选择ng-src (ng-src="{{vm.url}}")
原因:浏览器第一次加载模块时会请求 url 的地址,当ng编辑模板后,会把{{vm.url}}替换成对应url后再请求真实的地址,ng-src很好的避免了第一次无效的请求.
原文地址:https://blog.csdn.net/CMEguagua/article/details/88599508
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。