イオンポップアップがデバイスバックのクリックで複数回作成される

Question

イオンポップアップをデバイスのクリックで開く機能を作成しました。デバイスを複数回クリックするとすぐにポップアップが何度も作成されて残りますDOMで以前のポップアップを閉じてもう一度新しいポップアップを作成するにはどうすればよいですか？

アプリケーションを終了ポップアップ：

$rootScope.exitApp = function() { 


       exitpopup = $ionicPopup.show({ 
        templateUrl: 'templates/exitApp1.html' 

       }); 

       exitpopup.then(function (res) { 
        console.log(res); 

       }); 
       return false; 
      }; 

RegisterBack機能：

$ionicPlatform.registerBackButtonAction(function (e) { 
    // lots of code 
if ($ionicHistory.backView()) 
$rootScope.exitApp(); 
}); 

私は何かが足りないのですか？

Answer 1

下記の機能が役立ちます。戻るボタンが押されたときにフラグを設定します。&フラグが偽であるかどうかをチェックします。ダイアログを再度表示する必要はありません。ユーザーがcancelを押すとフラグ値が再び変更されます。

app.run(function($ionicPlatform,$rootScope,$ionicPopup) 
{ 
    $rootScope.is_dialog_in_screen = false; 
    $ionicPlatform.ready(function() 
    { 
     if(window.cordova && window.cordova.plugins.Keyboard) 
     { 
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
      cordova.plugins.Keyboard.disableScroll(true); 
     } 
     if(window.StatusBar) 
     { 
      StatusBar.styleDefault(); 
     } 
    }); 

    $ionicPlatform.registerBackButtonAction(function (event) 
    { 
     event.preventDefault(); 

     if($rootScope.is_dialog_in_screen==false) 
     { 
      var confirmPopup = $ionicPopup.confirm({ 
       title: 'Quit.?', 
       template: 'Really want to exit?', 
       cancelText: 'cancel', 
       okText: 'ok' 
      }) 
      .then(function(res) 
      { 
       if (res) 
       { 
        alert("Exit app logic goes here"); 
       } 
       else 
       { 
        $rootScope.is_dialog_in_screen = false; 
       } 
      }); 

      $rootScope.is_dialog_in_screen = true; 
     } 
    }, 999); 
})