关于ionic中popup在Android中多次按返回键弹出多次的解决方法

来源:互联网 发布:优化glsl着色器 编辑:程序博客网 时间:2024/05/21 07:23

ionic中popup被用来做一些提示警告的框,它的具体用法,这里就不多说了官网上都有。

博主在项目中遇到这样一个坑:在Android手机中,因为有返回键的存在,当popup已经显示在屏幕上时,多次按返回键会出现不停重复弹出popup的动作。那么如何解决呢?

首先看代码:

if($rootScope.confirmPopup1){                        return false;                    }else{                        $rootScope.confirmPopup1 = $ionicPopup.confirm({                            title: '离开支付页面',                            template: '您要取消此次支付吗?',                            cancelText: '取消支付',                            okText: '继续支付',                                                  });                        $rootScope.confirmPopup1.then(function (res) {                            if (res) {                                $rootScope.confirmPopup1 = undefined;                            } else {                                $rootScope.confirmPopup1 = undefined;                                                           }                        });                      }

这段代码中最重要的就是 $rootScope.confirmPopup1 = undefined;在返回键事件中添加判断,看页面中popup是否出现if($rootScope.confirmPopup1),如果是直接return false,不是就继续执行,而popup出现后,在关闭popup的动作中,让popup直接消失也就是为undefined,这是为了让页面永远只有一个popup。

0 0
原创粉丝点击