IONIC 4 InAppBrowser 隐藏，直到它完成加载

Question

我正在使用 InAppBrowser IONIC 4 从我的 APP 打开一个 URL。我的问题是页面加载时出现空白屏幕。

如何给出“加载页面”消息？有一种方法可以避免空白页

谢谢

这是我目前的代码。

import { Component } from '@angular/core';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
@Component({
  selector: 'app-tab1',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss']
})
export class Tab1Page {

  constructor(private iab: InAppBrowser) {}

    public reportes() {
    var target = "_blank";
    const browser =this.iab.create('google.com.mx',target,{
      location: 'no',zoom: 'no',
    });

  }  

}

Answer 1

import { Component } from '@angular/core';
import { LoadingController } from '@ionic/angular';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

   loaderToShow: any;

  constructor(
    public loadingController: LoadingController
  ) {
  }

  showLoader() {
    this.loaderToShow = this.loadingController.create({
      message: 'This Loader will Not AutoHide'
    }).then((res) => {
      res.present();

      res.onDidDismiss().then((dis) => {
        console.log('Loading dismissed!');
      });
    });
    this.hideLoader();
  }

  hideLoader() {
    setTimeout(() => {
      this.loadingController.dismiss();
    }, 4000);
  }

}