javascript - HTML标记img的属性onload在Angular2中不起作用

我需要检测html<img>标记中的图像是否已完全加载。
这是我在Angular2组件模板中的代码。

  <li *ngFor="let id of imagesId">
       <img width="300" src="{{imagesUrl[id]}}"
            *ngIf="imagesUrl[id]"
            (onload)="loadOk(id)">
    <div *ngIf="!imagesLoadStatus[id]" class="loader"></div>
  </li>

这是我在这个组件中的代码：

  loadOk(id: number) {
    this.imagesLoadStatus[id] = 1;
  }

在完全加载之前，allimagesLoadStatus[id]等于0，我想在整个图像完全加载时通过event1将其更改为onload。
但它根本不起作用。如何检测图像是否完全加载到Angular2中，请帮助我找出答案。

最佳答案

(onload)="loadOk(id)">

应该是

(load)="loadOk(id)">

没有onload事件，只有load事件。onload用于JS注册事件侦听器，但它不是Angulars事件绑定所需的事件名称。

关于javascript - HTML标记img的属性onload在Angular2中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45731712/