如何检测iframe是否完全以角度加载

Question

无论如何，我可以检测iframe是否已完成加载？这是我的iframe代码：

<div ng-if="isLoadDone" class="col-xs-12">
    <div class="text-center"><span class="fa fa-spinner fa-pulse fa-5x fa-fw margin-bottom"></span></div>
  </div>
<iframe ng-if="isLoadDone" class="app-iframe" ng-src="{{trustedApplUrl}}"></iframe>

基本上，如果iframe未满载，我想显示微调框。我想检测iframe是否已完成加载，而不是开始加载。我能够找到一种方法来确定iframe是否开始加载，但无法确定iframe完成加载时。任何的想法？谢谢-金

Answer 1

<iframe (load)="myLoadEvent()" id="myiframe"></iframe>

在组件中

myLoadEvent(){
// do your task
}

这适用于angular6。这不是要确定iframe是否已完全加载。但会帮助任何在此为iframe加载而登陆的人

Answer 2

你可以使用ng-onload来做这样的事情。

<iframe ng-onload="myLoadEvent()" class="app-iframe" ng-src="{{trustedApplUrl}}"></iframe>