AngularJS绑定在&#39;src&#39;属性中 <img> 标签

Question

我有一个包含许多rows的table ，当鼠标悬停在行上时，每行都有一个预览图像显示在右上角。

这就是我在src属性中为URL添加带有AngularJS绑定的图像标记的方法：

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

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

获取http：// localhost /＃/ imageUrl 404（未找到）

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

Answer 1

Angular有自己的img指令，称为ng-src ：

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

Answer 2

您需要在<img>标记中使用ng-src而不是src 。

文档说这样，

在src属性中使用{{hash}}之类的Angular标记无法正常工作：浏览器将使用文字文本{{hash}}从URL中获取，直到Angular替换{{hash}}中的表达式。 ngSrc指令解决了这个问题。

https://docs.angularjs.org/api/ng/directive/ngSrc

希望这可以帮助！