Question 258851 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – Is it possible to cancel navigation in NavigationStart event?

Is it possible to cancel the route navigation inside the events function?

 this.router.events.subscribe((event) => {
        if (event instanceof NavigationStart) {
          if (cancel) event.preventDefault(); // <-- ? or something similar
        }
 });
Tags:

2

Answers


  1. 0

    If you’d like to cancel a navigation, you shoud use the canActivate guard and return false of an Observable returning false or redirect to a page by returning a UrlTree.

    Login or Signup to reply.
  2. 0

    you can do it like this with event reason as well

    this.router.events.subscribe((event) => {
  if (event instanceof NavigationStart) {
    if (cancel) {
      event.cancel = true;
      event.reason = "navigation canceled";
    }
  }
});

    note: these 2 properties only available in navigationStart event, once started you can not cancel

    also important to unsubscribe from the router events afterwards

    you can check more here: https://angular.io/api/router/NavigationStart

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search