Question

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

这是我在TypeScript-File上的代码：

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

Answer 2

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

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

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

2 个答案: