Ionic 2：创建单个加载或吐司对象

Question

我是 Ionic 2 和 Typescript 的新手，现在我想创建一个单一的加载 (https://ionicframework.com/docs/components/#loading) 或 toast 对象以在任何地方使用它。因为 toast 或 loading 对象总是做相同的动作，所以我不需要在很多地方创建相同的东西。有人对我有想法吗？非常感谢

Answer 1

您可以创建一个 class 并在其中注入加载：

import { LoadingController } from 'ionic-angular';

export class LoaderClass {
     constructor(public loadingCtrl: LoadingController)

     presentLoading() {
        let loader = this.loadingCtrl.create({
          content: "Loading..",
          duration: 3000
        });
        loader.present();
     }

}

然后，把这个class注入到任何你需要使用loading

的地方

import { LoaderClass } from '../ubication';

export class anyClass {
    constructor(public loaderClass: LoaderClass)

    presentLoading() { //from the loader class
        this.loaderClass.presentLoading();
    }
}

Ionic 2：创建单个加载或吐司对象

Ionic 2: create a single loading or toast object

typescript

ionic-framework

ionic2

ionic3