Prevent back navigation in a Angular Capacitor Ionic app

Question

I have search for a solution for this but can not find one. What I have tried is this:

The following does print out my log statement, but does not prevent back navigation:

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

The following seems to not have any effect:

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

The following has no effect and no log is printed:

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

The following has no effect and no log is printed:

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

How can I prevent back navigation on a certain page/component?

Thank you
Søren

Answer 1

This works for me on Angular and Capacitor. ie No Ionic

app.componnet.ts

 ngOnInit(): void {

    this.initializeApp();
  }

  private initializeApp(): void {

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