Onsen uI:Controll android backbutton 路线: [英] Onsen uI:Controll android backbutton routes:

问题描述

我正在使用 Onsenui 在cordova 中开发一个android 应用程序，其中我想在单击设备后退按钮时导航到上一页我正在使用 这个 问题的答案来解决问题

I am developing an android application in cordova using Onsenui,in which i want to navigate to previous page when device backbutton is clicked I am using answer from this question to solve the issue

这是我的代码

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

我会得到以下错误

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

"Uncaught TypeError: Cannot read property 'popPage' of undefined"

推荐答案

可能 .navigator-container 已被弃用，这就是为什么我建议您使用 ons-navigator 获取导航器 作为 document.querySelector() 的参数.

Probably .navigator-container has been deprecated, that's why I suggest you to get the navigator by using ons-navigator as argument for 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' 属性，您可以使用以下代码:>

Supposing that you are using an older version of Onsen UI, like 1.3.4, and supposing that your navigator has a var='myNavigator' attribute, you can use the following code:

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

这篇关于Onsen uI:Controll android backbutton 路线:的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！