Cookies concent notice

This site uses cookies from Google to deliver its services and to analyze traffic.
Learn more
Skip to main content
Say hello to Angular's future home!Check out Angular.devHome
/

RouterEvent

Base for events the router goes through, as opposed to events tied to a specific route. Fired one time for any given navigation.

See more...

      
      class RouterEvent {
  constructor(id: number, url: string)
  id: number
  url: string
}
    

See also

Description

The following code shows how a class subscribes to router events.

      
      import {Event, RouterEvent, Router} from '@angular/router';

class MyService {
  constructor(public router: Router) {
    router.events.pipe(
       filter((e: Event | RouterEvent): e is RouterEvent => e instanceof RouterEvent)
    ).subscribe((e: RouterEvent) => {
      // Do something
    });
  }
}
    

Constructor

      
      constructor(id: number, url: string)
    
Parameters
id number

A unique ID that the router assigns to every router navigation.

url string

The URL that is the destination for this navigation.

Properties

Property Description
id: number Declared in Constructor

A unique ID that the router assigns to every router navigation.

url: string Declared in Constructor

The URL that is the destination for this navigation.