Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular ionic标记中加载图像失败的错误事件_Angular_Error Handling_Event Handling_Ionic4_Angular7 - Fatal编程技术网

Angular ionic标记中加载图像失败的错误事件

Angular ionic标记中加载图像失败的错误事件,angular,error-handling,event-handling,ionic4,angular7,Angular,Error Handling,Event Handling,Ionic4,Angular7,我有这个离子标签 当映像加载失败时,我需要发送一个错误事件,这个(ionError)事件在ion img标记的文档中,但它不起作用,其他事件处理程序工作正常,有人知道任何其他事件处理程序有错误吗?似乎您在为我工作时还有其他事情发生: <ion-img src="notfound.png" (ionError)="onError()"></ion-img> 这个输出: 您确定您的错误处理程序函数的名称正确吗 failedImageLoad() 更新 根据您的评论,您

我有这个离子标签



当映像加载失败时,我需要发送一个错误事件,这个
(ionError)
事件在ion img标记的文档中,但它不起作用,其他事件处理程序工作正常,有人知道任何其他事件处理程序有错误吗?

似乎您在为我工作时还有其他事情发生:

<ion-img src="notfound.png" (ionError)="onError()"></ion-img>
这个输出:

您确定您的错误处理程序函数的名称正确吗

failedImageLoad()

更新 根据您的评论,您正在处理403错误

I和
ionError
实际上只是html img
onerror
事件的包装器

这是:

  • src属性为空或null
  • 指定的src URL与用户当前所在页面的URL相同
  • 指定的映像已损坏,无法加载
  • 指定图像的元数据已损坏,无法检索其维度,并且元素的属性中未指定维度
  • 指定的映像的格式不受用户代理支持
因此,它似乎应该触发错误


可以肯定的是:这次你提到了两个独立的文件,这不是你最初的问题。您是否已将图像处理程序同时放入这两个文件中?

我的图像加载错误解决方案

<img class="avatar" [src]="merchant.logo_url" (error)="errorImage(img)" #img />



  errorImage(img) {
    
    img.src = '../../../../../../assets/svg-icons/022-menu.svg'
  }

错误图像(img){
img.src='../../../../../../../assets/svg icons/022 menu.svg'
}
简单的解决方案。 ionError:解决方案
fallbackUrl='assets/img/fallback image.png';

两个文件中的函数名称相同,但ion img标记中的im绑定是一个链接,当服务器中不存在映像时,该链接会在控制台中抛出一个
403禁止的
错误,可能ionError函数不将此视为错误?您使用的是哪个版本?是否可以从ionic 4.2中添加ionic错误?这是否回答了您的问题?你叫什么甜心?
<img class="avatar" [src]="merchant.logo_url" (error)="errorImage(img)" #img />



  errorImage(img) {
    
    img.src = '../../../../../../assets/svg-icons/022-menu.svg'
  }
fallbackUrl = 'assets/img/fallback-image.png';
<ion-img  [src]="user.userMg" (ionError)="user.userMg = fallbackUrl"></ion-img>