Ionic popup gets created multiple times on click of device back

Question

I have written a function to open ionic popup on click of device back,problem is as soon as I click device back multiple times, the popup gets created that many times and remains in DOM. How can I close previous popup and create a new one again?

App Exit Popup:

 $rootScope.exitApp = function () {


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

                });

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

                });
                return false;
            };

RegisterBack function :

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

Am I missing something ?

Paresh Gami · Answer 1 · 2017-10-03T07:54:10.097

Hope below function helps you. Set flag when back button press & check flag if flag is false no need to show dialog again. if user press cancel change the flag value again.

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);
})

Thanks, I will try this. But what's the point of writing two popups? popup ( Exitapp) and confirm popup inside registerback function ? — Arthur_check, Oct 03 '17 at 07:41

Ionic popup gets created multiple times on click of device back

1 Answers1