javascript - AngularJS 绑定(bind)在 <img> 标签的 'src' 属性中

标签 javascript html angularjs image browser

我有一个包含许多,每行都有一个预览图像,当鼠标悬停在该行上时,它会显示在右上角。

这就是我在 src 属性中放置带有用于 URL 的 AngularJS 绑定(bind)的图像标记的方式:

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

但是控制台出现如下错误:

GET http://localhost/#/imageUrl 404 (Not Found)

如何消除浏览器控制台中的这个错误?

最佳答案

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

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

关于javascript - AngularJS 绑定(bind)在 <img> 标签的 'src' 属性中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41503026/

相关文章:

javascript - 如何在断开连接的环境中使用 font-awesome?

javascript - Angular formly - 如何显示自定义模板的自定义错误消息

css - Angularjs:为菜单中的每个页面定义不同的CSS

javascript - Collection-Repeat 和 $ionicModal 奇怪的行为

javascript - 使用 Meteor 防止表单提交

javascript - 将长查询字符串直接解析到 MongoDB(就像在 SQL 中一样)

javascript - 如何使用上一个和下一个按钮切换 src 和 onclick?

javascript - 悬停下拉菜单时,如何使用半透明叠加层使内容变暗?

javascript - 使用 jQuery 获取父 <li> 项

php - 如何处理 XML 中 URL 中的特殊字符