当 Popup 处于活动状态时更改后退按钮 (android) 行为，离子

Question

我正在努力实现这一目标：

场景 1

1. • 用户按回。
2. • 出现弹出窗口询问用户是否要退出 *
3. • 用户按回。
4. • 应用退出*

和

场景 2

1. 用户按回。

2. • 出现弹出窗口询问用户是否要退出 *
3. • 用户按下取消
4. • 弹出窗口关闭
5. • 用户按回。
6. • 出现弹出窗口询问用户是否要退出 *
7. • 用户按下返回
8. • 应用退出。

我尝试使用registerBackButtonAction 和onHardwareBackButtoncombination 但我无法让退出弹出窗口显示第二次（第二种情况），它只是退出。

这是我现在的代码：

 var exitPopupControl = function(event) {
            //if I press back again, just go out
            $ionicPlatform.onHardwareBackButton(function(event2){
                navigator.app.exitApp();
            });

          if($state.current.name === "app.startseite"){
                $ionicPopup.confirm({
                    title: 'Exit',
                    template: 'Do you want to exit? <br /><small>Press Back again to exit.</small>'
                }).then(function(res) {
                    if(res) {
                        navigator.app.exitApp();
                        $rootScope.exitPopupShowed = false;

                    } else {
                        console.log('I choose not to left the app');
                        $ionicPlatform.registerBackButtonAction(exitPopupControl, 100);
                    }
                });
            }
            else {
                window.history.back();
            }
        };

    $ionicPlatform.registerBackButtonAction(exitPopupControl, 100);

Answer 1

我使用以下 wa 进行了处理 - 只需更改确认弹出代码，

var exitPopupControl = function(event) {
            //if I press back again, just go out
            $ionicPlatform.onHardwareBackButton(function(event2){
                navigator.app.exitApp();
            });

          if($state.current.name === "app.startseite"){
                $ionicPopup.confirm({
                    title: 'Exit',
                    template: 'Do you want to exit? <br /><small>Press Back again to exit.</small>'
                }).then(function(res) {
                    if(res) {

                        $rootScope.exitPopupShowed = false;
                        navigator.app.exitApp();

                    } else {
                        return;
                    }
                });
            }
            else {
                window.history.back();
            }
        };

    $ionicPlatform.registerBackButtonAction(exitPopupControl, 100);

或者您可以尝试以下方法：

document.addEventListener("deviceready", function() {
    document.addEventListener("backbutton", function(e) {
       $ionicPopup.confirm({
            title: 'Exit',
            template: 'Do you want to exit? <br /><small>Press Back again to exit.</small>'
        }).then(function(res) {
            if(res) {

                $rootScope.exitPopupShowed = false;
                navigator.app.exitApp();

            } else {
                return;
            }
        });
    }, false);
}, false);

或者你可以试试吐司，我更喜欢用这个，

var countTimerForCloseApp = false;
$ionicPlatform.registerBackButtonAction(function(e) {
 e.preventDefault();
 function showConfirm() {
  if (countTimerForCloseApp) {
   ionic.Platform.exitApp();
  } else {
   countTimerForCloseApp = true;
   showToastMsg($cordovaToast, 'Press again to exit.');
   $timeout(function() {
    countTimerForCloseApp = false;
   }, 2000);
  }

 };

 // Is there a page to go back to?
 if ($ionicHistory.backView()) {
  // Go back in history
  $ionicHistory.backView().go();
 } else {
  // This is the last page: Show confirmation popup
  showConfirm();
 }

 return false;
}, 101);

谢谢