javascript - 显示图像时出现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}}" />