AngularJs ng-src 上的有效 HTML5 和 img src-属性

Question

>有人知道，当图像显示时，如何使用AngularJs ng-scr指令生成有效的HTML5？

我发现了什么？

• "src"- 属性在 img 标签上是必需的
• 它不能为空
• 如果我使用角度绑定设置 src 属性数据，控制台会报告 404 错误，因为它尝试在 Angular 初始化之前加载图像

为什么我想要有效的 HTML？

原因很简单。奇怪的HTML错误（缺少结束标签，打开标签等）在我们的项目中会导致奇怪的行为，我们有很多视图。定期确保源代码有效，可以减少代码的不稳定。

Answer 1

从这篇文章中产生了一个天才的黑客：

<img ng-src="modelImage" src="//:0">

。比图像URL更容易记住;)

ngSrc：任何可以包含 {{}} 标记的字符串。