网页学习体会

  • 首页
  • 个人博客
您的位置: 首页  >  IT文章  >  ionic 图片加载失败,显示默认图片代替

ionic 图片加载失败,显示默认图片代替

分类: IT文章 • 2022-07-31 11:37:59

1.首先编写自定义指令

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()" >

相关推荐

  • vue,onerror实现当图片加载失败时使用默认图
  • img src加载失败给默许图片(默认图片加载失败不冒泡)
  • JQuery图片加载显示loading跟加载失败默认图片
  • img标签中的图片加载异常时显示默认的图片
  • 图片加载不到,展示为叉时,有默认图片可以显示
  • JS使用默认图片代替页面上无法显示的图片
  • 原图片加载失败转入默认图片
  • Flex中Image加载图片疏失显示默认图片
  • 图片加载错误,显示默认图片
  • Glide加载圆形图片第一次只显示默认图片
  • mui ajax方法 mui ajax方法详解:
  • web报表工具FineReport经常使用函数的使用方法总结(文本函数) 文本函数  
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 网页学习体会    备案号:   粤ICP备20002247号