AngularJS绑定在<img>标签的'src'属性中

Question

我有一个table很多rows,当鼠标悬停在行上时,每行都有一个预览图像显示在右上角.

这就是我将带有AngularJS绑定的图像标记用于src属性中的URL的方法:

<img src="{{imageUrl}}"/>

但是控制台中存在以下错误:

获取http:// localhost /#/ imageUrl 404(未找到)

如何摆脱浏览器控制台中的此错误？

Answer 1

Angular有自己的指令img,称为ng-src:

<img ng-src="{{imageUrl}}"/>