ionic4-抽取公共方法Loading

原创

于 2019-01-06 21:13:33 发布 · 3.3k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#ionic4

本文介绍如何在ionic4中抽取Loading和Toast为公共方法，方便在各页面中调用。作者通过创建baseui.ts文件并在common目录下组织代码，详细展示了ionic4 Loading方法的变化，并提供了调用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写自定义目录标题

ionic4
- common

ionic4

最近小咸儿一直在学习ionic4，因为项目的需要所以将Loading与Toast抽取成公共方法，以方便各个页面的调用。接下来看看具体的baseui.ts文件该如何创建：

common

首先需要在src文件夹下创建一个common文件，小咸儿在里面创建了一个baseui.ts的文件，ionic4中的Loading方法和ionic3发生了一些些变化，详细可见如下：

baseui.ts文件：

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

export abstract class BaseUI {
    constructor() {

    }

    /**
     * loading加载页面
     * @param {LoadingController} loadingCtrl
     * @param {string} message
     * @returns {Loading}
     * @memberof BaseUI
     */
    protected async showLoading(loadingCtrl: LoadingController,
            message: string) {
            const loader = await loadingCtrl.create({
                message: message
            });
            await loader.present();
            return loader;
         }

    /**
     * Toast全局提示
     * @param {ToastController} toastCtrl
     * @param {string} messag