Ionic 2 Dostosuj przycisk Wstecz Działanie

Question

Chcę dostosować kliknięcie przycisku Wstecz, o którym mowa w tym zrzut ekranu. Chcę tego, klikając nie wracam do poprzedniej strony, ale do strony, którą sam określam, lub do leczenia przed powrotem.

Answer 1

Można spróbować użyć ionViewCanLeave or ionViewWillLeave wydarzenie.

Zobacz tę issue #9533 z propozycją rozróżnienia zdarzeń urlopowych dla nawigacji "wstecz". Może to być przydatne w przypadku użycia po wdrożeniu.

Answer 2

Aby dostosować domyślne działanie przycisku Wstecz, należy zastąpić metodę składnika NavBar metodą backButtonClick().

Krok 1: W swoim "niestandardowych" -class.ts składowych pasek nawigacyjny import. Utwórz metodę auxMethod, aby zastąpić domyślne zachowanie i wywołać metodę 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() 
     } 
    } 
} 

Kod ten został przetestowany w jonowego 3.