解决angularjs图片加载失败

解决angularjs图片加载失败解决angularjs图片加载失败

大家好,又见面了,我是你们的朋友全栈君。

1

angularjs图片加载失败,本文的angularjs图片加载失败中的angularjs指的是angular2、angular4。

2

首先在img标签上添加error事件;
<
img [
src]=
“img”
alt=
“” (
error)=
“imgerror($event)”/>

3

然后在xxx.component.ts里实现imgerror方法,代码如下:
/**
* 处理图片加载失败
*
@param
e
*/
imgerror(
e) {
//图片加载失败的默认显示图片
const defultImg
=
‘http://avatar.csdn.net/1/A/1/3_zzwwjjdj1.jpg’;
e.srcElement.src
= defultImg;
//防止默认图片加载失败,造成死循环
e.srcElement.
removeEventListener(
‘error’);
};

这样,当图片加载失败的时候就会显示默认图片,当然图片在很多个组件内都可能存在,

写一个公共方法即可。

意外金喜的博客:http://blog.csdn.net/zzwwjjdj1

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/138953.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 电信dns地址是多少?

    电信dns地址是多少?安徽电信dns地址202.102.192.68202.102.199.68澳门电信dns地址202.175.3.8202.175.3.3北京电信dns地址202.96.199.133202.96.0.133202.106.0.20202.106.148.1重庆电信dns地址61.128.128.68…

  • Java异常面试题(2020最新版)

    Java异常面试题(2020最新版)文章目录Java异常架构与异常关键字Java异常简介Java异常架构1.Throwable2.Error(错误)3.Exception(异常)运行时异常编译时异常4.受检异常与非受检异常受检异常非受检异常Java异常关键字Java异常处理声明异常抛出异常捕获异常如何选择异常类型常见异常处理方式直接抛出异常封装异常再抛出捕获异常自定义异常try-catch-finallytry-with-r…

  • MyBatis中的JdbcType映射介绍

    Java项目涉及到数据库交互,以往常用的是JDBC,现在则有Hibernate、Mybatis等这些持久化支持。 项目中用到了MyBatis,和JDBC最显著的区别,就是SQL语句配置化,通过xml文件定义SQL语句,当然JDBC也可以将SQL配置化,需要定制开发,MyBatis则直接支持这种方法。 官方对于MyBatis的介绍,MyBatisisafirstclas…

  • 推导Lasso回归「建议收藏」

    推导Lasso回归「建议收藏」推导Lasso回归文章目录推导Lasso回归一、推导过程二、用python编写求解函数三、Lasso求解稀疏表示做人脸识别代码展示:运行结果四、调整不同的超参lambda,对seta的影响代码展示一、推导过程​ Lasso方法是在普通线性模型中增加L1L_1L1​惩罚项,有助于降低过拟合风险,更容易获得稀疏解,求得的θ\thetaθ会有更少的非零分量。与岭回归的不同在于,此约束条件使用了绝对值的一阶惩罚函数代替了平方和的二阶函数。Lasso回归原式: arg⁡min⁡θ∣∣Aθ−

  • Linux命令-fsync[通俗易懂]

    Linux命令-fsync[通俗易懂]对fsync命令只做简单介绍,不做详细原理解释。通过man命令查看fsync()函数有以下共识:1、**fsync(2)**函数是属于系统核心函数;2、unix系统下函数标注不同数值的含义1)、用户在shell环境可以使用的指令或可执行文件;2)、系统核心提供的可调用的函数与工具;3)、常用函数、函数库,大部分是C的函数库;4)、设备驱动程序,通常在/dev下;5)、配置文件或某…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号