AngularJS src ng-src的区别
Posted jeremy_o
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AngularJS src ng-src的区别相关的知识，希望对你有一定的参考价值。
angularjs 给img的src赋值的时候会在控制台报404
错误写法：
<img src="http://www.tellyes.com/index/{{url}}"/>
正确写法：
<img ng-src="http://www.tellyes.com/index/{{url}}"/>
在页面加载的时候，angularjs没有加载完成之前，浏览器试图从 http://www.tellyes.com/index/{{url}} 加载图片，这样会失败在控制台报404，一旦angularjs加载完成以后，浏览器就会明白 {{url}} 会被具体值代替，
举个栗子：logo.png ,然后浏览器就会从 http://www.tellyes.com/index/logo.png 去加载图片，很明显这是加载两次的操作
ng-src就不会出现这种情况，在加载完angularjs之后才会加载图片
以上是关于AngularJS src ng-src的区别的主要内容，如果未能解决你的问题，请参考以下文章
Angularjs 中的iframe 标签 ng-src 路径 报错问题 解决办法
如何在 Angularjs 中使用 ng-src 指令显示打开的视频文件
AngularJS进阶(三十二)书海拾贝之特殊的ng-src和ng-href
无法使用 img ng-src（无法绑定到 ng-src，因为它不是 img 的已知属性）