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.