Question

我的页面上有以下元素：

<img src="https://i.pinimg.com/736x/2c/9d/07/2c9d0704ae49dfde914e2b477bf9279c--stick-figure-profile-pictures.jpg" />

如何检查src是否已成功获取并在此之后调用函数？

Answer 1

这应该做到：

<img src="https://i.pinimg.com/736x/2c/9d/07/2c9d0704ae49dfde914e2b477bf9279c--stick-figure-profile-pictures.jpg" (load)="myFunction()"/>

请注意最后的(load)="myFunction()"（内容在编码时的滚动方式有点时髦）。

Answer 2

这是一个答案，让我们尝试一次，

html文件，

<img [src]="imagesource" (load)="doSomething()">
<!--(or)-->
<img src="https://i.pinimg.com/736x/2c/9d/07/2c9d0704ae49dfde914e2b477bf9279c--stick-figure-profile-pictures.jpg" (load)="doSomething()">

打字稿文件

imagesource="https://i.pinimg.com/736x/2c/9d/07/2c9d0704ae49dfde914e2b477bf9279c--stick-figure-profile-pictures.jpg";

doSomething(){
   console.log("Loaded");
   //do your stuff
}

有关更多参考，请访问此处

Detect when image has loaded in img tag

打字稿-检查图像src是否已获取并调用函数

2 个答案: