Как показать ионный спиннер / загрузчик поверх всех страниц

Question

Есть ли способ всегда показывать загрузчик или заставлять его оставаться, когда я его называю?

Я сделал общедоступную службу, где создается загрузчик, чтобы я всегда мог внедрить его и получить к нему доступ на любой странице.

Это мой код:

public loader = this.loadingController.create({
  spinner: 'crescent',
  duration: 5000,
  message: 'Please wait...',
  translucent: true,
  cssClass: 'custom-class custom-loading'
});

public async loaderPresent() {
  await this.loader.then((overlay)=>{
    overlay.present();
  })
}

public async loaderDismiss() {
  await this.loader.then((overlay)=>{
    overlay.dismiss();
  })
}

Но проблема в следующем: Загрузчик не остается, когда страница программно изменяется.

То, чего я пытаюсь добиться, это: Загрузчик должен быть абсолютным и охватывать все автоматизированные процессы, происходящие в моем приложении.

Дополнительная информация: У меня есть inAppBrowser, и он покрывает экран загрузки.

Answer 1

ионный 4

async present(){

    const loading = await this.loadingController.create({
      message: `Uploading images...`
    });
    await loading.present();
}




dismiss(){
    this.loadingController.dismiss();
}

ионный 3

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

  loading.present();

  setTimeout(() => {
    loading.dismiss();
  }, 5000);
}