防止 Angular Capacitor Ionic 应用程序中的后退导航

Question

我已经为此寻找解决方案，但找不到。我试过的是这样的：

以下确实打印出我的日志语句，但不妨碍返回导航：

this.platform.backButton.subscribe(() => {
  console.log('SKN.backButton.subscribe');
});

以下似乎没有任何效果：

IonicModule.forRoot({
  hardwareBackButton: false,
});

以下内容无效，不打印日志：

App.addListener('backButton', (data: AppUrlOpen) => {
  console.log('SKN.addListener');
});

以下内容无效，不打印日志：

this.platform.ready().then(() => {
  document.addEventListener('backButton', () => {
    console.log('SKN.addEventListener');
  });
});

如何防止在某个页面/组件上返回导航？

谢谢
索伦

Answer 1

这适用于 Angular 和 Capacitor。即无离子

app.componnet.ts

 ngOnInit(): void {

    this.initializeApp();
  }

  private initializeApp(): void {

    App.addListener('backButton', () => {// disable hardware back button functionality
    });
 
  }