angularjs - Android后退按钮不适用于混合应用程序〜使用onsen ui（angular js）使用人行横道构建应用程序

Question

当我使用人行横道构建混合应用程序时 - android 后退按钮不适用于 onsen ui 框架（使用 angular js）。

以下是我使用的代码...

document.addEventListener("backbutton", onBackKeyDown, false); 

function onBackKeyDown() {
    // Handle the back button
    alert("Backbutton is pressed!");
    var element = document.querySelector(".navigator-container");
    var scope = angular.element(element).scope();
    scope.popPage();
}

Answer 1

正如@kabaehr 提到的，您可能需要先等待一切准备就绪。这意味着以下任一情况：

document.addEventListener('deviceready', function(){ ... });

ons.ready(function(){ ... });

Onsen UI 可能特有的另一件事是它已经对该事件进行了一些处理，因此您可以尝试使用为此提供的 API。

这是该API 的文档。目前，您想要的方法似乎是：

ons.setDefaultDeviceBackButtonListener(onBackKeyDown)

虽然这种方法听起来不太好，所以将来名称可能会改变。

如果这些选项中的任何一个似乎对您有用，现在请随意尝试。