Ionic 2自定义后退按钮动作

Question

我想定制此屏幕截图中提到的后退按钮的点击动作。我希望通过点击我不会返回到上一页，而是返回到我指定的页面，或者在返回之前进行处理。

Answer 1

你可以尝试使用ionViewCanLeave or ionViewWillLeave事件。

看到这个issue #9533建议区分离开事件的“后退”导航。这对您的用例一旦实施后可以很方便。

Answer 2

要自定义默认后退按钮操作，您需要覆盖NavBar组件的backButtonClick（）方法。

第1步：在您的“custom-class.ts”导入Navbar组件。创建auxMethod以覆盖默认行为并在您的ionViewDidLoad方法中调用。

import { Navbar } from 'ionic-angular'; 
import { ViewChild } from '@angular/core'; 

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

此代码已在离子3.