离子：如何覆盖后退按钮功能？

2 回答

• 4

  此代码用于android按钮，而导航栏上的按钮更简单：

  Android按钮：

  $ionicPlatform.registerBackButtonAction(function (event) {
    if($state.current.name=="home"){
      alert("button back");
    }
  }, 100);
  

  离子按钮：

  您可以编辑主题并查看如何定义菜单和视图？

  回复于 2024-04-19T14:35:26+08:00
• 2

  可以从控制器中 override the back button functionality for both buttons . 这是代码：

  // run this function when either hard or soft back button is pressed
  var doCustomBack = function() {
      console.log("custom BACK");
  };
  
  // override soft back
  // framework calls $rootScope.$ionicGoBack when soft back button is pressed
  var oldSoftBack = $rootScope.$ionicGoBack;
  $rootScope.$ionicGoBack = function() {
      doCustomBack();
  };
  var deregisterSoftBack = function() {
      $rootScope.$ionicGoBack = oldSoftBack;
  };
  
  // override hard back
  // registerBackButtonAction() returns a function which can be used to deregister it
  var deregisterHardBack = $ionicPlatform.registerBackButtonAction(
      doCustomBack, 101
  );
  
  // cancel custom back behaviour
  $scope.$on('$destroy', function() {
      deregisterHardBack();
      deregisterSoftBack();
  });
  

  确保将 $rootScope 注入控制器 .

  ---

  有关更多详细信息和正确解释，请参阅相关问题的完整答案：

  • Ionic override all BACK button behaviour for specific controller

  回复于 2024-04-19T14:35:26+08:00