显示图像时AngularJS错误？

Question

我使用AngularJS填写<img src=标签，因此我的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}}" />