angular - 如何使用 Angular 7覆盖 ionic 4中的 ionic 后退按钮 Action

Question

当用户单击 ion-back-button 时，我想停止从一页到另一页的导航。我要根据哪个应用程序决定是否允许后退操作来执行一些验证/检查。

Answer 1

使用IonBackButtonDelegate覆盖功能。这是一个简单的例子-

import { IonBackButtonDelegate } from '@ionic/angular';

...

export class TestPage {

  @ViewChild(IonBackButtonDelegate, { static: false }) backButton: IonBackButtonDelegate;

  ...
  // Registering
  ionViewDidEnter() {
    console.log('ionViewDidEnter');
    this.setUIBackButtonAction();
  }

  setUIBackButtonAction() {
    this.backButton.onClick = () => {
      // handle custom action here
    };
  }
}