AngularJs ng-src 上的有效 HTML5 和 img src-attribute答案

【问题标题】：Valid HTML5 and img src-attribute on AngularJs ng-srcAngularJs ng-src 上的有效 HTML5 和 img src-attribute
【发布时间】：2014-02-01 13:52:19
【问题描述】：

任何人都有想法，当使用 AngularJs ng-scr 指令显示图像时如何生成有效的 HTML5？

我发现了什么？

“src”- img-tags 需要属性
不能为空
如果我使用 Angular 绑定设置 src 属性数据，控制台会报告 404 错误，因为它会在 Angular 初始化之前尝试加载图像

为什么我需要有效的 HTML？

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

【问题讨论】：

标签： html image angularjs src

【解决方案1】：

来自this post 的巧妙破解：

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

...比图像 URL 更容易记住；）

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

【讨论】：

这使 w3c 验证器失败：错误值 //:0 元素 img 上的属性 src：无效主机：空主机。
@Damjan：你可以使用src="#"。
@chliebel - # 会导致一些浏览器触发无意义的网络请求（这真的比失去 w3c 有效性更糟糕），请参阅 stackoverflow.com/questions/5775469/…
@Philzen 实际上取决于您的接受标准。