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

1.首先编写自定义指令

1
2
3
4
5
6
7
8
9
10
11
12
13
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.引用

1
<img class="icon" ng-src="{{userData._avatar}}" ng-click="loadImage()" id="avatar" err-src="img/default_avatar.png">

 

posted @   每天都要进步一点点  阅读(480)  评论(0编辑  收藏  举报
编辑推荐:
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
阅读排行:
· 开发的设计和重构,为开发效率服务
· 从零开始开发一个 MCP Server!
· .NET 原生驾驭 AI 新基建实战系列(一):向量数据库的应用与畅想
· Ai满嘴顺口溜,想考研?浪费我几个小时
· ThreeJs-16智慧城市项目(重磅以及未来发展ai)
点击右上角即可分享
微信分享提示