ionic笔记：alter封装

短命女 2021-11-17 01:01 185阅读 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 条评论，185人围观）

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

相关阅读

相关 alter

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

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

相关 ionic4学习笔记3

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

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

相关 alter sql oracle,Oracle alter操作

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

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

相关 mysql sqlserver alter语句区别_SQL ALTER

SQL ALTER TABLE 语句 ALTER TABLE 语句 ALTER TABLE 语句用于在已有的表中添加、删除或修改列。 SQL ALTER TABLE 语法

淡淡的烟草味﹌/ 2022年10月25日 01:25/ 0 赞/ 177 阅读

相关 ionic js学习笔记

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

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

相关 ionic2 新建与打包笔记

作者：LoveEmperor\_王子様 1.在https://apps.ionic.io/apps/注册你的账号新建你的APP，记住APPid 2.在你有node co

本是古典何须时尚/ 2022年06月13日 10:57/ 0 赞/ 155 阅读

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

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

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

相关 ionic学习笔记

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

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

相关 Ionic2学习笔记（3）：Pipe

作者：[Grey][] 原文地址： [http://www.cnblogs.com/greyzeng/p/5538630.html][http_www.cnblogs.

矫情吗；*/ 2021年12月17日 01:17/ 0 赞/ 217 阅读

相关 ionic笔记：alter封装

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

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