如何在http get请求和响应中使用ion-loading？

Question

我正在创建Ionic 4 angular应用程序，并且使用了http get和响应。 现在我想在请求和响应时加载离子。下面，我粘贴此解决方案链接，该链接在ionic 3中可用，但我要在ionic 4中使用？

Ionic 3 show loading symbol on http request

Answer 1

您为什么不使用spinner dialog呢？

Answer 2

导入 Loading Controller

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

在构造器中创建一个对象

constructor(
    private loadingController: LoadingController
) {}

尝试如下。

async presentLoading() {
    const loading = await this.loadingController.create({
      message: 'Please wait...',
      translucent: true,
    });
    return await loading.present();
  }

homeData() {
    this.presentLoading();
    this.dataService.getData().subscribe(response => {
        console.log(response);
        this.loadingController.dismiss();
    });
}

请参阅官方文档ion-loading