Cookies concent notice

This site uses cookies from Google to deliver its services and to analyze traffic.
Learn more
Skip to main content
This site is no longer updated.Head to Angular.devHome
/

This is the archived documentation for Angular v17. Please visit angular.dev to see this page for the current version of Angular.

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.