码迷,mamicode.com
首页 > 其他好文 > 详细

angular 图片加载失败 情况处理? 如何在ionic中加载本地图片 ?

时间:2018-06-22 01:14:12      阅读:1561      评论:0      收藏:0      [点我收藏+]

标签:css   app   span   cti   本地图片   and   ionic   地图   man   

1.angular 图片加载失败 情况处理

在directive中定义组件,在ng-src错误时,调用err-src

app.directive(‘errSrc‘,function(){
  return {
    link: function(scope, element, attrs){
      if(attrs.src == ‘undefined‘){
        attrs.$set(‘src‘, attrs.errSrc);
      }
      element.bind(‘error‘, function() {
        if (attrs.src != attrs.errSrc) {
          attrs.$set(‘src‘, attrs.errSrc);
        }
      });
    }
  }
});

页面调用:

<img ng-src="item.url" err-src="img/error.png" />

2.如何在ionic中加载本地图片 ? 

对于css文件夹中的样式文件中如果要调用本地的图片的话,从该css文件所在的文件夹开始算。

例如www/css/style.css要加../,否则在浏览器中可以正常显示,在设备上不行。

结构如下所示:

.login-page {
  background:url(../img/signup_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

但是对于在页面中定义的图片路径,www路径开始算,否则浏览器中可显示,但设备上不行,img文件夹和index.html在一级,如:

<img src="img/commander.jpg" />

.

angular 图片加载失败 情况处理? 如何在ionic中加载本地图片 ?

标签:css   app   span   cti   本地图片   and   ionic   地图   man   

原文地址:https://www.cnblogs.com/crazycode2/p/9211384.html

(2)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!