iframe事件在完成加载时会在首次访问iframe页面和完成加载时使用angular2 +运行两次。

Question

如何主要在angular4（angular 2+）中检测iframe完成事件？ 我只有这样的普通iframe：

<iframe [src]="..." onLoad=""></iframe>

我遇到一个问题，当我进入包含iframe的页面时，onlaod函数将直接运行（src不可用），并且在src可用时再次运行。

Answer 1

我在onload上设置了条件 if（this.src），因为我在访问页面时遇到了问题，该页面在src不可用时直接运行iframe onload，并在加载iframe时再次运行src可用时。 当iframe完全加载后，我卸下了加载器。 所以这是我的解决方案：

<ion-spinner id="loader"  color="primary"></ion-spinner>
<iframe [src]="url"
        onload="if(this.src) document.getElementById('loader').style.display = 'none'"></iframe>

谢谢。希望对别人有帮助