Question

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

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

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

Answer 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()
     }
   }

Answer 2

离子导航栏中存在一个backButtonClick（）函数，您可以像下面的内容一样覆盖它以获取导航栏返回按钮单击事件

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

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

离子 - 处理NavBar后退按钮？

2 个答案: