离子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方法附加到可以放置您的加载动画的函数。

<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();
}

Answer 2

上面的答案是错误的，我对其进行了修改，并且可以完美运行：

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