Question

我有table个rows，当鼠标悬停在行上时，每行都有一个预览图片显示在右上角。

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

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

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

获取http://localhost/#/imageUrl 404（未找到）

如何在浏览器控制台中消除此错误？

Answer 1

Angular有img指令，名为ng-src：

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

Answer 2

您需要在ng-src代码中使用src代替<img>。

文档说的像这样，

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

希望这有帮助！