Angular2 @angular/router 3.0.0-alpha.3 - How to get route name or path when route changes

Question

I\'m trying to get the current route name or route path in my app.component when the route changes so that I can use the route name as a page class around a wrapper div. I\'m t

Answer 1

This would probably help,

import { CanActivate, Router, RouterStateSnapshot } from '@angular/router';

@Component({
  selector: 'my-component',
  templateUrl: 'my-component.html'
})
export class MyComponent implements CanActivate {
  constructor(private router: Router) {}

  canActivate(state: RouterStateSnapshot) {
   // this is the future route you are intended to visit
   console.log(state.url);
  }
}

More details at https://angular.io/docs/ts/latest/guide/router.html