离子 2:创建单个加载或吐司对象

Question

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

Answer 1

您可以创建一个注入加载的类：

import { LoadingController } from 'ionic-angular';
export class LoaderClass {
     constructor(public loadingCtrl: LoadingController)
     presentLoading() {
        let loader = this.loadingCtrl.create({
          content: "Loading..",
          duration: 3000
        });
        loader.present();
     }
}

然后，将此类注入到需要使用加载的任何位置

import { LoaderClass } from '../ubication';
export class anyClass {
    constructor(public loaderClass: LoaderClass)
    presentLoading() { //from the loader class
        this.loaderClass.presentLoading();
    }
}