ionic3 添加loading效果

  • 1、使用LoadingController类来编写服务,提供公共处理


import { Injectable } from '@angular/core';
import { LoadingController, AlertController } from 'ionic-angular';
/*
  Generated class for the LoadingSerProvider provider.

  See https://angular.io/guide/dependency-injection for more info on providers
  and Angular DI.
*/
@Injectable()
export class LoadingSerProvider {
  constructor(
    public loadingCtrl: LoadingController,
    private alertCtrl: AlertController
  ) {
    console.log('Hello LoadingSerProvider Provider');
  }
  loading: any;
  // 显示loading
  show() {
    this.loading = this.loadingCtrl.create({
      content: '努力加载中...'
    });
    this.loading.present();
  }
  // 隐藏loading
  hide() {
    if (this.loading) {
      this.loading.dismiss();
    }
  }
}
  • 2、模块调用

猜你喜欢

转载自blog.csdn.net/ligaoming_123/article/details/81082143