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

AngularJs ng src上的有效HTML5和img src属性,html,image,angularjs,src,Html,Image,Angularjs,Src,有人知道,当图像以AngularJs ng scr指令显示时,如何生成有效的HTML5吗 我发现了什么 img标签上需要“src”-属性 它不可能是空的 若我使用angular绑定设置src属性数据,控制台将报告404错误,因为它试图在angular初始化之前加载图像 为什么我想要有效的HTML 原因很简单。奇怪的HTML错误(缺少结束标记、打开标记等)会在我们有很多视图的项目中导致奇怪的行为。定期确保源代码有效,使代码不那么不稳定。源于一种亲切的黑客行为: …从头顶上记住比图像URL容

有人知道,当图像以AngularJs ng scr指令显示时,如何生成有效的HTML5吗

我发现了什么

  • img标签上需要“src”-属性
  • 它不可能是空的
  • 若我使用angular绑定设置src属性数据,控制台将报告404错误,因为它试图在angular初始化之前加载图像
为什么我想要有效的HTML

原因很简单。奇怪的HTML错误(缺少结束标记、打开标记等)会在我们有很多视图的项目中导致奇怪的行为。定期确保源代码有效,使代码不那么不稳定。

源于一种亲切的黑客行为:


…从头顶上记住比图像URL容易得多;)


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

这会使w3c验证程序失败:元素img:无效主机:空主机上的属性src的值不正确/:0。@Damjan:您可以使用
src=“#”
@chliebel-
#
将导致一些浏览器触发无意义的网络请求(这比仅仅丢失w3c有效性imho要糟糕得多),参见@Philzen实际上取决于您的验收标准。