Ionic 2：在iframe准备就绪时关闭加载动画

Question

我必须在应用程序中包含一个外部网页，因此我使用了iframe。 现在我想显示一个加载动画，而iframe加载。这工作正常，但我不知道，如何在iframe准备就绪时解散动画。 我无法编辑iframe中页面的代码。

这是在打字稿，文件我的代码：

ngOnInit() { 
    this.presentLoading(); 
} 

presentLoading() { 
    let loading = this.loadingCtrl.create({ 
     content: 'Please wait...' 
    }); 

    loading.present(); 
} 

和HTML文件

<ion-content> 
    <iframe name="chatFrame" src="http://..."></iframe> 
</ion-content> 

Answer 1

连接的onLoad iframe的方法，将解散你的加载动画功能。

<ion-content> 
    <iframe name="chatFrame" src="http://..." (load)="dismissLoading()"></iframe> 
</ion-content> 

而在你的组件类：

loading; 

ngOnInit() { 
    this.presentLoading(); 
} 

presentLoading() { 
    this.loading = this.loadingCtrl.create({ 
     content: 'Please wait...' 
    }); 

    loading.present(); 
} 

dismissLoading(){ 
    this.loading.dismiss(); 
}