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

时间:2014-01-13 17:34:13

标签: html5 image angularjs src

任何人都有想法,在使用AngularJs ng-scr指令显示图像时如何制作有效的HTML5?

我发现了什么?

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

为什么我需要有效的HTML?

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

1 个答案:

答案 0 :(得分:3)

来自this post源于一场虔诚的黑客攻击:

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

...比图片网址更容易从头顶记住;)

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