Home / Questions / 5604
Accepted
Pedro Miguel Pimienta Morales
Asked: 2020-03-12 09:11:58 +0800 CST 2020-03-12 09:11:58 +0800 CST

How to clear browsing history in ionic framework

  • 772

Hello community, I have a question about the use of $ionicHistory , which is part of the Navigation extension of the javascript/angular extensions.

I would like to know how to avoid going back when I am in one of the two menus, depending on the role of the user who has entered.

app structure

I would like to resolve the following concerns

  1. You can only hit the back button if the view is not the menu view (either student or teacher)
  2. In the case of android, there is a back button, whether physical or digital, if it is in the view or template of any of the two menus, then, when you go back, you must exit the application
  3. Prevent it from saving routes or views in this history, to avoid conflicts in the future.
javascript

1 Answers

  1. Best Answer

    Your problem can be solved by using the clearHistory()service method $ionicHistoryeither in your student or teacher view controller you can call that method and this will prevent you from being able to navigate back as that method deletes the history except the current view(that's why you need to do it in the student or teacher view).

    ...
.controller('EstudianteCtrl', function($ionicHistory) {
    ...
    $ionicHistory.clearHistory();
});

    You can also use the method nextViewOptions()and disable the back button like this

     $ionicHistory.nextViewOptions({
     disableBack: true // Esto pone en `null` la vista anterior
 });

    But this must be done from the previous view (the "loading" view) as that applies to the next view to show before transitioning to it.

    Lastly, to make your application exit when pressing the back button you have to use the $ionicPlatformusing service onHardwareBackButtonbut you are inadvertently running into a problem:

    1. If you exit your application when backing up, you run the risk that your users will leave the application unintentionally, especially if you have many in-depth views in your navigation. Back..., Back..., Back..., Exit...Oops!!!
    2. Most of the mobile applications implement a way to exit when arriving at the home view using the back button which has practically become a standard.
    3. You want to keep users inside your app and not outside of it ;)

    The solution that I see for this is to use two back presses instead of one showing a toast with a message with something like "Press again to exit"

    You can install the toast with a plugin that you can find at https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin using

    cordova plugin add cordova-plugin-x-toast

    Then in the event platformReadyyou set the event(to make sure the plugin has loaded)

    $ionicPlatform.ready(function () {
    var closeApp = false;
    $ionicPlatform.onHardwareBackButton(function () {
            if ($state.is('mivistaraiz')) {
                if (closeApp === true) {
                    navigator.app.exitApp();
                }
                else {
                    closeApp = true;
                    $timeout(function () {
                        closeApp = false;
                    }, 2000);
                    notifications.notify("Presione nuevamente para salir", "short", "bottom");
                }
            }
        });
});

    You can change the timeout to be longer but basically what it does is exit if back is pressed within 2 seconds if it doesn't show the toast again, thus preventing your users from exiting the app by accident.

    • 3