如何在离子中启用设备后退按钮？ [英] How can i enable device backbutton in ionic?

问题描述

我已通过按钮注册操作事件禁用某些条件的后退按钮：

I have disabled backbutton for some condition by backbutton register action event like this:

    $ionicPlatform.registerBackButtonAction(function (event) {
    if (condition)
       {
       event.preventDefault();
       $ionicHistory.nextViewOptions({ disableBack: true });
       } 
    else
       {
       $ionicHistory.goBack();
       }
       }, 800);

那么现在我该如何再次启用该设备后退按钮？
因为它仍然被禁用而且也没有进入上一个视图。

So now how can i enable that device backbutton again ? Because its still disabled and not going in previous view too.

推荐答案

你需要试试这个

var lastTimeBackPress = 0;
  var timePeriodToExit = 2000;

  platform.registerBackButtonAction(() => {
    // get current active page
    let view = this.nav.getActive();
    if (view.component.name == "HomePage") {
      //Double check to exit app                  
      if (new Date().getTime() - lastTimeBackPress < timePeriodToExit) {
        platform.exitApp(); //Exit from app
      } else {
        let toast = this.toastCtrl.create({
          message: 'Press back again to exit App',
          duration: 3000,
          position: 'bottom'
        });
        toast.present();
        lastTimeBackPress = new Date().getTime();
      }
    } else {
      // go to previous page
      this.nav.pop({});
    }
  });

希望它适合你

这篇关于如何在离子中启用设备后退按钮？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！