ionic开发混合APP通用函数一

通用函数

新建common文件夹，新建baseui.ts文件

import { Loading, LoadingController, ToastController, Toast } from 'ionic-angular';

export abstract class BaseUI {
    constructor() {

    }

    /**
     * 加载中
     * 
     * @protected
     * @param {LoadingController} loadingCtrl 
     * @param {string} message 
     * @returns {Loading} 
     * @memberof BaseUI
     */
    protected showLoading(loadingCtrl: LoadingController,
        message: string): Loading {
        let loader = loadingCtrl.create({
            content: message,
            dismissOnPageChange: true,   //在页面跳转的时候是否隐藏此页面
        });
        loader.present();
        return loader
    }

    /**
     * 加载后的弹出信息
     * 
     * @protected
     * @param {ToastController} toastCtrl 
     * @param {string} message 
     * @returns {Toast} 
     * @memberof BaseUI
     */
    protected showToast(toastCtrl: ToastController, message: string): Toast {
        let toast = toastCtrl.create({
            message: message,
            duration: 3000,
            position: 'bottom',
        })
        toast.present();
        return toast
    }
}

在其他ts文件中使用此文件需引入

import { BaseUI } from '../../common/baseui';

函数修改为

export class LoginPage extends BaseUI {
    //函数主体
}

可以直接用baseui.ts中的函数