Events

During each navigation, the Router emits navigation events through the Router.events property. These events range from when the navigation starts and ends to many points in between.

• NavigationStart — An event triggered when navigation starts.
• RouteConfigLoadStart — An event triggered before the Router lazy loads a route configuration.
• RouteConfigLoadEnd — An event triggered after a route has been lazy loaded.
• RoutesRecognized — An event triggered when the Router parses the URL and the routes are recognized.
• GuardsCheckStart — An event triggered when the Router begins the Guards phase of routing.
• ChildActivationStart — An event triggered when the Router begins activating a route's children.
• ActivationStart — An event triggered when the Router begins activating a route.
• GuardsCheckEnd — An event triggered when the Router finishes the Guards phase of routing successfully.
• ResolveStart — An event triggered when the Router begins the Resolve phase of routing.
• ResolveEnd — An event triggered when the Router finishes the Resolve phase of routing successfuly.
• ChildActivationEnd — An event triggered when the Router finishes activating a route's children.
• ActivationEnd — An event triggered when the Router finishes activating a route.
• NavigationEnd — An event triggered when navigation ends successfully.
• NavigationCancel — An event triggered when navigation is canceled. This is due to a Route Guard returning false during navigation.
• NavigationError — An event triggered when navigation fails due to an unexpected error.
• Scroll — An event that represents a scrolling event.

Example

Subscribe on NavigationEnd event:

export class AppComponent {
  constructor(private router: Router) {
  }

  ngOnInit() {
    this.router.events
      .pipe(filter(event => event instanceof NavigationEnd))
      .subscribe(() => {
        ...
      });
    }
  }