完成加载时的 iframe 事件在第一次访问 iframe 页面和完成加载时运行两次，角度为 2 ，答案

【问题标题】：iframe events when finish load it run twice when first access the iframe's page and when finish loading, with angular2+ ,完成加载时的 iframe 事件在第一次访问 iframe 页面和完成加载时运行两次，角度为 2 ，
【发布时间】：2018-10-01 10:19:15
【问题描述】：

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

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

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

【问题讨论】：

Detecting when Iframe content has loaded (Cross browser)的可能重复

标签： javascript angular typescript iframe ionic3

【解决方案1】：

我在 onload if(this.src) 上设置了一个条件，因为当我访问具有 iframe onload 在 src 不可用时直接运行的页面时遇到问题，并在 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>

谢谢。希望对某人有所帮助

【讨论】：