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

标签 html image angularjs src

有人知道如何在使用 AngularJs ng-scr 指令显示图像时生成有效的 HTML5 吗?

我发现了什么?

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

为什么我需要有效的 HTML?

原因很简单。奇怪的 HTML 错误(缺少结束标签、开放标签等)会导致我们的项目出现奇怪的行为,因为我们有很多 View 。定期确保源有效,可以减少代码的不稳定。

最佳答案

来自this post源于一个天才的黑客:

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

...比图像 URL 更容易从头顶记住;)

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

关于html - AngularJs ng-src 上有效的 HTML5 和 img src-attribute,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21097712/

相关文章:

javascript - jQuery 使用 index() 定位元素

javascript - 单击按钮时使 DIV 移动到页面的 Angular 落

image - 当将 2 个不同的图像上传到 2 个不同的文件夹时,将上传图像。但不会创建缩略图

javascript - 如何使其他指令在 uib-tab 元素内工作

html - 每个 div 旁边有多个随浏览器缩放的 div

WPF - 动态修改图像颜色 (C#)

java - 使用 Java 和 JAI 对图像进行圆角处理

javascript - Angular ng-repeat 在指令 View 内

javascript - 需要了解如何实现它

javascript - 可折叠的侧边栏/导航菜单