使用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}}">