Ionic 2 tùy chỉnh nút quay lại hành động

Question

Tôi muốn tùy chỉnh thao tác nhấp của nút quay lại được đề cập trong ảnh chụp màn hình này. Tôi muốn điều đó bằng cách nhấp vào Tôi không quay trở lại trang trước đó nhưng đến một trang mà tôi chỉ định bản thân mình hoặc thực hiện một điều trị trước khi quay lại.

Answer 1

Bạn có thể cố gắng sử dụng ionViewCanLeave or ionViewWillLeave sự kiện.

Xem điều này issue #9533 với đề xuất phân biệt sự kiện nghỉ cho điều hướng "quay lại". Điều này có thể hữu ích cho trường hợp sử dụng của bạn khi được triển khai.

Answer 2

Để tùy chỉnh thao tác nút quay lại mặc định, bạn cần ghi đè phương thức backButtonClick() của thành phần NavBar.

Bước 1: Trong phần "custom-class.ts" nhập Navbar của bạn. Tạo auxMethod để ghi đè lên hành vi mặc định và được gọi trong phương thức ionViewDidLoad của bạn.

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

Mã này đã được thử nghiệm trong ion 3.