Javascript 如何判断图像是否未以角度加载？

目前我在我的组件中有这个

<img *ngIf="(showImage$ | async)" [alt]="image.alt [title]="image.title" [src]="image.src" (load)="imageHasBeenLoaded($event)" />

我在ImageHasbeenLoad（）函数中执行一些操作。。。但我如何处理它失败的情况呢？例如，如果图像请求返回404？

在404的情况下，您可以使用（错误）这种方式设置默认图像，您可以从asset或from设置默认pic

您可以使用（错误）这种方式设置默认图像在404的情况下，您可以从资产或

---

如果你得到404。我很确定你应该在路径或文件名上有错误。或者你没有把它们放在你指明的路径上。比如./assets/img/default.jpg

我的项目代码看起来像

<mat-card *ngFor="let respo of work.Used" fxFlexAlign="auto" style="background:#E0E0E0; height:40px; margin-left: 5px; margin-bottom: 5px; text-align: center; padding: 5px;">
    <img style="height: 40px; margin:auto;" src={{respo}} alt="Photo of a Shiba Inu">
  </mat-card>

---

我通过json文件给出了每个图像的源代码，最终到达代码的这一部分，最后到达src={{respo}。我认为你也应该使用{{}。如果你犯了错误，那就意味着你犯了拼写错误。如果您得到404，请注意路径和名称区分大小写。我很确定你应该在路径或文件名上有错误。或者你没有把它们放在你指明的路径上。比如./assets/img/default.jpg

我的项目代码看起来像

<mat-card *ngFor="let respo of work.Used" fxFlexAlign="auto" style="background:#E0E0E0; height:40px; margin-left: 5px; margin-bottom: 5px; text-align: center; padding: 5px;">
    <img style="height: 40px; margin:auto;" src={{respo}} alt="Photo of a Shiba Inu">
  </mat-card>

---

我通过json文件给出了每个图像的源代码，最终到达代码的这一部分，最后到达src={{respo}。我认为你也应该使用{{}。如果你犯了错误，那就意味着你犯了拼写错误。请注意路径和名称区分大小写。您可以将

imageHasBeenLoaded（）

方法绑定到

error

事件，如果加载外部文件（例如文档或图像）时发生错误，将触发该事件

---

您可以将

imagehasbeenloade（）

方法绑定到

错误

事件，如果加载外部文件（例如文档或图像）时发生错误，则会触发该事件

显然文件丢失；）但是文件可以在不更新数据库的情况下删除，因此这里没有角度代码错误；）。。那你为什么认为我应该用{{}呢？这只是另一种捆绑东西的方式？我想我误解了你的问题。老实说，我建议{{}的唯一原因是它对我有用德赫。。那么我可以在这个话题上给你一些启发。{{}}只能用于字符串。。因此，如果您有一个布尔值，那么您必须使用属性绑定[]。。我个人觉得属性绑定更容易阅读；）显然，该文件已丢失；）但是文件可以在不更新数据库的情况下删除，因此这里没有角度代码错误；）。。那你为什么认为我应该用{{}呢？这只是另一种捆绑东西的方式？我想我误解了你的问题。老实说，我建议{{}的唯一原因是它对我有用德赫。。那么我可以在这个话题上给你一些启发。{{}}只能用于字符串。。因此，如果您有一个布尔值，那么您必须使用属性绑定[]。。我个人觉得属性绑定更容易阅读；）谢谢。。一直在搜索其他方法，如（load），但在angular文档中未找到任何内容。。你知道我在哪里可以找到一些参考资料吗？load用于知道img何时完全加载，在img加载之前显示加载微调器将非常有用，但我认为你无法在Ethx内处理失败。。一直在搜索其他方法，如（load），但在angular文档中未找到任何内容。。你知道我在哪里可以找到一些参考资料吗？load用于知道img何时完全加载，在img加载之前显示加载微调器将非常有用，但我认为你无法处理内部的故障

(error)="imageHasBeenLoaded($event)"

<img *ngIf="(showImage$ | async)" [alt]="image.alt [title]="image.title" [src]="image.src" (error)="imageHasBeenLoaded($event)" />