Onsen uI:控制android后退按钮路线:

Onsen uI:Controll android backbutton routes:

本文关键字：按钮路 android uI 控制 Onsen      更新时间：2023-09-26

我正在使用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();
    }

我将得到以下错误

"未捕获的类型错误：无法读取未定义"的属性"popPage"

可能.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();
}
相关文章：