Onsen uI: Managed Routes:

Question

I am developing an Android application in cordova using Onsenui, in which I want to go to the previous page when I click on the button. I use the answer from this question to solve the problem.

Here is my code

document.addEventListener("backbutton",onBackButtonPressed, false);
    function onBackButtonPressed(){
            alert('backbutton');
            var element = document.querySelector( ".navigator-container");
            var scope = angular.element( element ).scope();
            scope.popPage();
    }

I will get the following error

"Uncaught TypeError: Unable to read the" popPage "property from undefined"

Answer 1

Probably .navigator-containeroutdated, so I suggest you get a navigator, using ons-navigatoras an argument for document.querySelector().

Here is the fixed code:

document.addEventListener("backbutton",onBackButtonPressed, false);
    function onBackButtonPressed(){
            alert('backbutton');
            var element = document.querySelector("ons-navigator");
            element.popPage();
}

EDIT

, Onsen, 1.3.4, , var='myNavigator', :

document.addEventListener("backbutton",onBackButtonPressed, false);
    function onBackButtonPressed(){
            alert('backbutton');
            var element = document.querySelector("ons-navigator");
            var scope = angular.element(element).scope();
            scope.myNavigator.popPage();
}