如何检测iframe是否在angular中完全加载
how to detect if the iframe is fully loaded in angular
如果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是否开始加载,但不能确定何时完成加载。知道吗?谢谢-Kim
<iframe (load)="myLoadEvent()" id="myiframe"></iframe>
组件内
myLoadEvent(){
// do your task
}
这适用于angular6。这并不是为了确定iframe是否已完全加载。但将帮助任何在这里登陆iframe的人加载
我发现了其他几种方法可以使它与IE11和Angular 4一起工作。
使用Renderer2
<iframe #iframe id="iframe" name="pdfPreview" type="application/pdf"></iframe> this._rndr.listen(this.iframeRef.nativeElement, 'load', (e) => { alert("works"); }
向窗口添加回调
<iframe onload="loadEvent(event)" id="iframe" name="pdfPreview" type="application/pdf"></iframe> (window as any).loadEvent = (event) => alert("works too");
对于这样的事情,您可以使用ng onload。
<iframe ng-onload="myLoadEvent()" class="app-iframe" ng-src="{{trustedApplUrl}}"></iframe>
相关文章:
- 如何在运行时在angular 2中加载外部js脚本
- 由于$compile,Javascript(Angular)嵌套指令加载了两次
- 加载Angular视图后加载外部脚本
- 如何在页面加载angular js上设置从ajax调用中选择的选项
- 访问url[材质Ui+选项卡]时,Angular Ui路由器未加载视图
- FileReader加载不在控制器范围Angular 2内
- 图像未加载javascript、html、angular、imdb-api
- 如何在angular js中使用$emit后重新加载数据
- 如何在加载完所有脚本后初始化angular
- 点击事件时将新的JSON数据加载到Angular中
- 先在Angular中加载配置文件,然后再加载其他文件
- 在Angular JS中POST后重新加载指令方法
- 如何从下拉菜单Angular加载模板
- 如何用ajax angular加载部分页面
- 点击angular加载模板
- 如何用Angular加载更多内容(JSON)
- Angular -加载完所有JS后调用函数
- Angular加载视图时的js - ng-view - ng-route - condition
- 我如何明确地使用Angular加载条来处理各种等待条件?
- Angular加载更多的tweets