如何更改ionic4 ion-back-button默认功能？

Question

import { IonBackButtonDelegate } from '@ionic/angular'

class TestButton {
  @ViewChild('backbutton') backButtonDelegate: IonBackButtonDelegate

  this.backButtonDelegate.onClick = (en: Event) => {
    console.log("test")
  }
}

我想更改'ion-back-button'的默认功能，但它似乎不起作用，有人会帮忙吗？非常感谢你。

Answer 1

你可以这样做。但是事件不会触发Android物理后退按钮点击。

在模板中：

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="back()">
        <ion-icon name="arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>Title</ion-title>
  </ion-toolbar>
</ion-header>

在组件中：

back() {
    // Do what you want here
}