您的位置:首页
ionic 图片加载失败,显示默认图片代替
2017-05-15 22:10
411 查看
1.首先编写自定义指令
2.引用
angular.module('starter.directives', []) //当图片找不到事显示替代图片 .directive("errSrc", function() { return { link: function(scope, element, attrs) { element.bind("error", function() { if (attrs.src != attrs.errSrc) { attrs.$set("src", attrs.errSrc); } }); } } })
2.引用
<img class="icon" ng-src="{{userData._avatar}}" ng-click="loadImage()" id="avatar" err-src="img/default_avatar.png">
相关文章推荐
- JS处理img标签加载图片失败,显示默认图片
- flex 加载图片失败,设置默认显示图片
- 图片加载失败,显示默认图片
- html图片加载失败时显示默认图片
- 使用jquery给加载失败的img元素显示默认图片
- js处理img标签加载图片失败,显示默认图片
- ionic开发——图片加载失败或不存在时显示提示图片的解决方法
- JS图片加载失败用默认图片代替
- 转载-当图片加载失败或者没有的情况下显示默认图片
- 图片路径加载失败,火狐浏览器默认显示断裂图片
- img 加载网络图片失败 显示默认图片的方法
- 前端页面图片加载失败显示默认图片
- 当图片加载失败或者没有的情况下显示默认图片
- js中图片加载失败,显示默认图片
- 如果图片加载失败,显示默认图片
- Jquery判断页面图片是否加载失败,加载失败则显示默认图片
- img 加载网络图片失败 显示默认图片
- 图片加载失败显示默认图片
- vue2.0实现图片加载失败默认显示图片
- 加载图片失败后显示系统默认图片