In angular 2, how do you detect route changes

Question

This is my current attempt to use old libraries.

I am using the latest versions of libs, as if to update this:

import { Component, } from '@angular/core'; import { Location } from '@angular/common'; import { Router } from '@angular/router'; @Component({ moduleId: module.id, selector: 'HeaderComponent', templateUrl: 'header.component.html' }) export class HeaderComponent{ router : Router; constructor(router: Router, location: Location){ this.router = router; this.router.changes.subscribe((currentRoute) => { let currentRoute = this.location.path(); }) } } 

This is my module:

 export * from './header.component'; import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterModule } from '@angular/router'; import { HeaderComponent } from './header.component'; @NgModule({ imports: [RouterModule, CommonModule], declarations: [HeaderComponent], exports: [HeaderComponent], providers: [] }) export class HeaderModule { } 

Answer 1

In the new router

 this.router.events.subscribe(...) 

See also Angular 2 Router Event Listener