显示图像时AngularJS错误？

Question

我<img src=使用AngularJS 填写标签,因此我的html中的网址是:

<img src='[[profile.image]]'>

当我加载页面时,图像显示但Javascript控制台中的获取错误:

GET [[profile.image]] 404 (NOT FOUND) 

所以浏览器试图在Angular插值之前获取图像吗？然后当Angular设置浏览器再次提取的值时,此时显示图像.

我怎样才能让Angular更早地做到这一点,或让浏览器等待？我不喜欢暴露错误.

Answer 1

Angular有一个针对这种情况的特殊指令:http://docs.angularjs.org/api/ng.directive:ngSrc

<img ng-src="{{profile.img}}" />