android - 如何在Ionic中收听Android硬件后退按钮

我尝试听android硬件后退按钮，但是没有效果。

主要代码：

.run(['$ionicPlatform','$ionicHistory',function($ionicPlatform,$ionicHistory) {
     $ionicPlatform.ready(function() {
                          if(window.cordova && window.cordova.plugins.Keyboard) {
                          cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
                          }
                          if(window.StatusBar) {
                          StatusBar.styleDefault();
                          }
                          });
     $ionicPlatform.registerBackButtonAction(function (e) {
         e.preventDefault();
         $ionicHistory.nextViewOptions({
             disableAnimate: true
        });
        $ionicHistory.viewHistory().backView.go();
         return false;
       }, 100);
     }])

我的运行环境是移动浏览器。Android版本4.4.2

最佳答案

更新：我不再使用它，因为它不可靠。此外，在最新的Ionic版本中，app.ts现在是app.component.ts。

对于Ionic 2，请查看有关如何解决此问题的博客文章。应该也适用于Ionic 1，因为它仅调用Cordova侦听器：

http://www.codingandclimbing.co.uk/blog/ionic-2-android-back-button-13

这是实际的帖子信息：

在您的app.ts中，执行以下操作以使后退按钮按预期方式工作（通常是！）：

  initializeApp() {
    this.platform.ready().then(() => {
      this.registerBackButtonListener();
    });
  }

  registerBackButtonListener() {
    document.addEventListener('backbutton', () => {
      var nav = this.getNav();
      if (nav.canGoBack()) {
        nav.pop();
      }
      else {
        this.confirmExitApp(nav);
      }
    });
  }


confirmExitApp(nav) {
    let confirm = Alert.create({
      title: 'Confirm Exit',
      message: 'Really exit app?',
      buttons: [
        {
          text: 'Cancel',
          handler: () => {
            console.log('Disagree clicked');
          }
        },
        {
          text: 'Exit',
          handler: () => {
            navigator.app.exitApp();
          }
        }
      ]
    });
    nav.present(confirm);
  }

  getNav() {
    return this.app.getComponent('nav');
  }

注意：

如果您收到有关应用不是导航器属性的错误：

1）在您的应用程序根目录中添加一个typeings文件夹：应用/类型

2）添加一个名为：pluginshackyhacky.d.ts的文件

3）添加用于扩展TypeScript所需的属性：

interface /*PhoneGapNavigator extends*/ Navigator {
    app: any;
}

4）将插件hackyhacky.d.ts添加到tsconfig.json中的编译文件中：

  "files": [
    "app/app.ts",
    "app/typings/pluginshackyhacky.d.ts",
    "app/typings/phonegap.d.ts"
  ]

您可以看到，我还包含了phonegap.d.ts文件，该文件包含许多缺少的属性/变量，这些属性/变量允许TypeScript进行编译而不会出错。

希望这可以帮助任何有此问题的人。

干杯。

关于android - 如何在Ionic中收听Android硬件后退按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34192840/