ionic笔记：alter封装

短命女 2021-11-17 01:01 232阅读 0赞

原文出处: [https://www.jianshu.com/p/1fdac17c798c][https_www.jianshu.com_p_1fdac17c798c]  
现在这个是之前封装的alter弹窗完善版，可以传入标题，内容以及点击取消，确定的回调。

/**
       * [确认框]
       * @param {string}    message [消息]
       * @param {string}    title   [标题]
       * @param {any[]) =>      void}        confirmHandler [确认操作]
       * @param confirmText  confirmText[确定键的文字]
       * @param {any[]) =>      void}        cancelHandler  [取消操作]
       */
      alertConfirm(message: string, title?: string, confirmText?: string, confirmHandler?: (...args: any[]) => void,
              cancelHandler?: (...args: any[]) => void)
      {
        let confirm = this.alertCtrl.create({
          title: title ? title : "提示",
          message: message,
          buttons:[
            {
              text:"取消",
              role: "cancel",
              handler: () => {
                if(cancelHandler) cancelHandler();
              }
            },
            {
              text: confirmText || "确定",
              handler: () => {
                if(confirmHandler) confirmHandler();
              }
            }
          ],
          cssClass: "alert"
        });
        confirm.present();
      }

接下来是使用方法

this.appService.alertConfirm("要退出登陆吗？","提示","退出",()=>{
         console.log("点击了确定");
        },()=>{
          console.log("点击了取消");
        });

[https_www.jianshu.com_p_1fdac17c798c]: https://www.jianshu.com/p/1fdac17c798c

发表评论取消回复

表情：

评论列表（有 0 条评论，232人围观）

还没有评论，来说两句吧...

相关阅读

相关 alter

语法标注解释 alter![Image 1][] ![152902_1273540700u23T.jpg][] 及物动词 vt. 1.改变 Has she

浅浅的花香味﹌/ 2024年02月17日 20:04/ 0 赞/ 61 阅读

相关 Ionic学习笔记

Ionic学习笔记一首页必须电脑上已经安装有nodeJS和npm,nodeJS安装完成后，npm是自带的. nodeJS下载安装官网：`https://nodejs

缺乏、安全感/ 2024年02月17日 18:27/ 0 赞/ 60 阅读

相关 ionic4中Alter弹框的使用 (实用)

原文出处：[https://blog.csdn.net/fjxcsdn/article/details/89487482][https_blog.csdn.net_fjxcsd

分手后的思念是犯贱/ 2023年06月12日 09:43/ 0 赞/ 25 阅读

相关 ionic4学习笔记3

1、创建模块（进入到项目根目录） ionic g page 页面名称 2、页面跳转 ![20200621143835242.png][] 3、业务逻辑的位置

水深无声/ 2023年02月19日 15:26/ 0 赞/ 63 阅读

相关 ionic4 学习笔记1

0、安装ionic前，必须要先安装nodejs 1、安装cordova ionic（安装速度和网速相关） npm install -g cordova ionic

太过爱你忘了你带给我的痛/ 2023年02月19日 14:27/ 0 赞/ 27 阅读

相关 alter sql oracle,Oracle alter操作

因为Oracle对于列的增删改操作格式略有不同，为了方便日后查看，特此记录。 1、增加列： SQL> alter table t1 add y integer; Tabl

我会带着你远行/ 2023年01月18日 06:42/ 0 赞/ 159 阅读

相关 ionic js学习笔记

$ionicActionSheet上拉菜单； $ionicBackdrop.retain()显示背景层，$ionicBackdrop.release()隐藏； ion-re

逃离我推掉我的手/ 2022年08月21日 13:56/ 0 赞/ 176 阅读

相关 ionic中一些常用的方法封装

在ionic1技术栈的开发中中有很多零碎的功能或者服务，通过每次注入的方式都比较麻烦, 所以需要对一些通用的功能进行一些封装(通用的UI封装成指令，通用的逻辑封装成服务) ，下

忘是亡心i/ 2022年05月27日 12:57/ 0 赞/ 305 阅读

相关 ionic学习笔记

1. 目录权限问题,退出到上一个目录,执行 sudo chmod -R 777 目录名 2. 快速生成页面或者模块 ionic g page 注意generator可简写为

r囧r小猫/ 2022年05月14日 02:15/ 0 赞/ 252 阅读

相关 ionic笔记：alter封装

原文出处: [https://www.jianshu.com/p/1fdac17c798c][https_www.jianshu.com_p_1fdac17c798c] 现

短命女/ 2021年11月17日 01:01/ 0 赞/ 233 阅读