angular 图片引入_angular 图片加载失败 情况处理？ 如何在ionic中加载本地图片 ?...

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);

}

});

}

}

});

页面调用：

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在一级,如：

.