ionic2的弹框注意细节 (实用）

川长思鸟来 2023-06-12 09:44 28阅读 0赞

原文出处:[https://blog.csdn.net/ouxiaohui111/article/details/53463054][https_blog.csdn.net_ouxiaohui111_article_details_53463054]  
如果需要a弹框后再调用b弹框，必须在a弹框的逻辑里把a弹框先dismiss掉，然后在a弹框的onDidDismiss的方法里调用弹框b，这样才能流畅（不卡死或闪屏）的切换弹框

constructor(private alertCtrl: AlertController) {
    
        }
    
        presentAlert() {
            let alerlOne = this.alertCtrl.create({
                title: 'text1',
                subTitle: 'text2',
                buttons: ['Dismiss']
            });
    
            alerlOne.present();
        }
    
        presentConfirm() {
            let alertTwo = this.alertCtrl.create({
                title: 'Confirm purchase',
                message: 'Do you want to buy this book?',
                buttons: [
                    {
                        text: 'Cancel',
                        role: 'cancel',
                        handler: () => {
                            }
                     },
                     {
                         text: 'Buy',
                         handler: () => {
                             //1、把自己 dismiss
                             alertTwo.dismiss();    
    
                             //2、调用另一弹框
                             alertTwo.onDidDismiss(() => {
                                  this.presentAlert();
                              })
                         }
                        }
                      ]
            });
    
            alertTwo.present();
        }

[https_blog.csdn.net_ouxiaohui111_article_details_53463054]: https://blog.csdn.net/ouxiaohui111/article/details/53463054

发表评论取消回复

表情：

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

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

相关阅读

相关 AdminLTE2的模态框(弹出框)

刚好一个SSM练习项目中用到了这个弹出模态框的设计来记录一下关于这个模态框找了很久很多都不能用后来自己去官网找了一段模态框代码亲测可用先上模态框代码：

待我称王封你为后i/ 2023年07月10日 15:50/ 0 赞/ 109 阅读

相关 IONIC4 使用自定义弹出框 -ModalController

1. 使用 > 1.在使用的界面引入 > import \{ ModalController \} from '@ionic/angular'； > 2.在使用的

痛定思痛。/ 2023年07月02日 10:25/ 0 赞/ 96 阅读

相关 Ionic 2之页面堆栈 (实用）

原文出处：[https://blog.csdn.net/u010730126/article/details/63254988][https_blog.csdn.net_u01

╰半橙微兮°/ 2023年06月26日 05:42/ 0 赞/ 88 阅读

相关 ionic2的弹框注意细节 (实用）

原文出处:[https://blog.csdn.net/ouxiaohui111/article/details/53463054][https_blog.csdn.net_o

川长思鸟来/ 2023年06月12日 09:44/ 0 赞/ 29 阅读

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

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

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

相关 yii2实现弹框

1.首先引入命名空间 use yii\bootstrap\Modal; use yii\helpers\Url; <?php echo Html::

水深无声/ 2022年07月15日 11:07/ 0 赞/ 341 阅读

相关 Struts2验证框架注意细节

1、validation.xml 不起作用原因是[http://www.opensymphony.com/xwork/xwork-validator-1.0.2.dtd]

朱雀/ 2022年06月07日 11:05/ 0 赞/ 356 阅读

相关 Ionic 列表（实用）

原文出处：[https://blog.csdn.net/qq\_20448859/article/details/52254822][https_blog.csdn.net_q

ゝ一世哀愁。/ 2022年05月10日 11:06/ 0 赞/ 364 阅读

相关 ionic2/3实战-使用ECharts （收藏，实用）

原文出处：[https://www.jianshu.com/p/4af90ddef115][https_www.jianshu.com_p_4af90ddef115] （简书

雨点打透心脏的1/2处/ 2022年02月18日 23:29/ 0 赞/ 309 阅读

相关 js注意的细节

一.注意点 1.引入CSS在head中,JS建议在body的尾部引入;这样有利于加载速度 2.this是什么？ \一个关键字，一个内置的引用变量 \在函数中都可以直

偏执的太偏执、/ 2021年09月12日 08:54/ 0 赞/ 494 阅读