Breaking News: Grepper is joining You.com. Read the official announcement!

how to disable back button in angular

SunflowerToad answered on July 20, 2022 Popularity 8/10 Helpfulness 6/10

answer how to disable back button in angular

how to disable back button in angular

Comment

// Aakash Goplani - https://blog.aakashgoplani.in/disabling-browser-back-navigation-in-angular
import { fromEvent, Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';

private unsubscriber : Subject<void> = new Subject<void>();

ngOnInit(): void {
  history.pushState(null, '');

  fromEvent(window, 'popstate').pipe(
    takeUntil(this.unsubscriber)
  ).subscribe((_) => {
    history.pushState(null, '');
    this.showErrorModal(`You can't go back at this time.`);
  });
}

ngOnDestroy(): void {
  this.unsubscriber.next();
  this.unsubscriber.complete();
}

Popularity 8/10 Helpfulness 6/10 Language javascript

Source: blog.aakashgoplani.in

Tags: angular back-button disable javascript

Link to this answer
Share Copy Link