离子 - 处理导航栏后退按钮？答案

【问题标题】：Ionic - Handling NavBar back button?离子 - 处理导航栏后退按钮？
【发布时间】：2018-09-26 11:23:51
【问题描述】：

所有通过 Ionic 中的硬件按钮处理返回的解决方案都使用这个：

 platform.ready().then(() => {
  platform.registerBackButtonAction(() => {

但是，我想知道是否有办法处理出现在导航栏中的后退按钮，因为当我在 Android 中按下该按钮时，它似乎没有被触发。我试图找到的所有解决方案都引用了顶部的代码，该代码似乎仅适用于硬件按钮。

【问题讨论】：

标签： typescript ionic-framework

【解决方案1】：

我已经用这个代码在 ionic-3 中实现了它。

   import { Navbar } from 'ionic-angular';

   export class myCustomClass {

   @ViewChild(Navbar) navBar: Navbar;

   ...

   ionViewDidLoad() {
       this.setBackButtonAction()
   }

   //Method to override the default back button action
   setBackButtonAction(){
     this.navBar.backButtonClick = () => {
     //Write here wherever you wanna do
      this.navCtrl.pop()
     }
   }

【讨论】：

【解决方案2】：

离子导航栏中有一个 backButtonClick() 函数，您可以像下面这样覆盖它以获取导航栏后退按钮单击事件

backButtonClick() {
 console.log('// dos omething')
}

ionViewDidEnter() {
 this.navBar.backButtonClick = this.backButtonClick;
}

【讨论】：

您好，谢谢。下面的答案非常相似，但都运行良好！