AngularJS设置img使用ng-src替换src

使用src报错

原因

因为在加载页面的时候, 在Angular加载完成之前,浏览器会试图从img/{{imgName}} 加载图片,当然这会失败。一旦Angular加载完成以后,浏览器就会明白 {{imgName}} 变量需要被具体值代替,比如logo.png，然后就会到正确的img/logo.png 去加载图片，这显然就要执行两次操作。
ng-src就解决了这个问题,因为它会等Angular加载完成以后,才会到正确的地址去加载数据。

使用 ng-src 替换了src :

错误写法:

<img src="img/{{imgName}}">

正确写法

<img ng-src="img/{{imgName}}">