AngularJS 指令 angular-image-404

撰写于 2016年1月1日 修改于 2017年6月26日 分类 编程杂记 标签 AngularJS / JavaScript

在进行 AngularJS 应用的开发时,经常需要显示图片,而 img 有时候并不能成功的获取到 srcng-src 指定的图片,这时候可能需要通过其它办法来指定一个备用图片,可以想到的办法有:

  • ng-src 的属性中,指定完普通的图片地址后,使用 || 追加备用图片的地址,如

    1
    ng-src='{{"myImg.png" || "fallback.png"}}'
  • 使用 ng-showng-hide 控制两个 img,其中一个正常显示图片,另外一个显示力求用图片

开始我也这么做,所以找了一下,发现了一个 AngularJS 指令,angular-fallback-image 不过这个指令并不完善,必须指定指令图片才行,我想要的是,就算没有指定图片,也可以显示一个占位性质的图片,于是我做了修改,发了 Pull Request ,不过这位乌拉圭的小哥 似乎有段时间没处理 Github 上的东西了。

所以,我开发了 angular-image-404,可以自定义占位图,也可以使用默认的占位图。

目录

Site by Stiekel using Hexo & Random
© 2010 - 2017

不可能不确定的博主是一名 JavaScript 程序员。

Hide