javascript - 显示图像时出现 AngularJS 错误？

Question

我正在填写<img src=使用 AngularJS 的标签，所以我的 html 中的 url 是:

<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}}" />