Onsen uI：Controll android backbutton路線：

Question

我正在使用Onsenui在Cordova中開發一個android應用程序，單擊設備后退按鈕時我想在其中導航到上一頁我正在使用此問題的答案來解決問題

這是我的代碼

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

我會收到以下錯誤

“未捕獲的TypeError：無法讀取未定義的屬性'popPage'”

Answer 1

.navigator-container可能已被棄用，這就是為什么我建議您通過使用ons-navigator作為document.querySelector()參數來獲取導航器的原因。

這是固定代碼：

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

編輯

假設您正在使用舊版本的Onsen UI（如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();
}