Onsen uI：控制android backbutton路由： [英] Onsen uI:Controll android backbutton routes:

问题描述

我正在开发使用Onsenui在科尔多瓦的Android应用程序，其中我想，当设备后退按钮被点击我使用的答案从的导航到前一页=http://stackoverflow.com/问题/ 24041536 / how-to-control-android-backbutton-routes>此问题解决问题

这是我的代码

  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容器已被弃用，这就是为什么我建议你用得到的导航附件导航仪作为论据 document.querySelector（）

下面是固定的代码：

<预类=郎-JS prettyprint-覆盖> document.addEventListener（后退按钮，onBackButtonPressed，FALSE）;
function onBackButtonPressed（）{
alert（'backbutton'）;
var element = document.querySelector（ons-navigator）;
element.popPage（）;
}


EDIT

假设您使用的是旧版本的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（）; 
} 
  

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

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: Cannot read property 'popPage' of undefined"

解决方案

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().

Here is the fixed code:

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

EDIT

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：控制android backbutton路由：的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！