Angular2 watch for route change

Question

@RouteConfig([     {path: '/about', name: 'About', component: About, useAsDefault: true},     {path: '/test', name: 'Test', component: Test} ])  export class MyApp {     router: Router;     location: Location;     isCollapsed: boolean = true;      // ON ROUTE CHANGE {         this.isCollapsed = true;     // }      constructor(router: Router, location: Location) {         this.router = router;         this.location = location;     } } 

I need change variable value on every route change, how to watch for this event in Angular 2.x?

Answer 1

In the final version of Angular (e.g. Angular 2/4), you can do this

this.router.events.subscribe((event) => {     if(event.url) {         console.log(event.url);     } }); 

Every time the route changes, events Observable has the info. Click here for docs.