如何覆盖离子中的默认后退按钮

1 回答

• 3

  我将参考我的答案

  • Ionic override all BACK button behaviour for specific controller

  可以覆盖控制器中的两个按钮，而无需更改HTML代码 . 总结一下：软导航栏按钮 - 覆盖$ rootScope . $ ionicGoBack（）硬Android按钮 - 使用$ ionicPlatform.registerBackButtonAction（）

  ---

  在您的情况下，您想知道 $ionicGoBack() 是软还是硬后退按钮 . 如上所述，“软导航栏按钮”由该方法处理 .

  “硬Android按钮”由不同的方法处理： registerBackButtonAction() .

  ---

  如果我理解正确，您希望覆盖媒体播放器页面上的所有后退行为，并将用户发送到播放列表页面，即您只想返回1级（这将是正常的Android行为） .

  这需要覆盖两个按钮，这是我在链接上解释的更多信息 .

  我创建了一个名为 doCustomBack() 的新方法，该方法由两个被覆盖的处理程序调用 . 这是您要用于导航到“播放列表”页面的方法：

  // run this function when either hard or soft back button is pressed
  var doCustomBack = function() {
      console.log("custom BACK");
  };
  

  后面的代码将覆盖默认的软按钮，指向新的 doCustomBack() 方法：

  // 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();
  });
  

  ---

  See my original answer for a different explanation，以及更多相关资源的链接 .

  回复于 2024-04-20T20:02:21+08:00