Angular 2 rc3 Router subscribe

Question

In angular2 rc1 I subscribe for a change of route:

this.router.changes.subscribe(
() => {
    console.log(this.location.path());
});

How I can subscribe to change route in angular2 rc3? router.changes already doesn't exists.

I think this is a dup of http://stackoverflow.com/questions/37977428/how-to-use-new-navigationstart-angular-router-3-0-0-alpha — Günter Zöchbauer, Jun 23 '16 at 11:22

Günter Zöchbauer · Accepted Answer · 2016-08-04T05:25:13.873

6

constructor(router:Router) {
  router.events.subscribe(event:Event => {
    if(event instanceof NavigationStart) {
    }
    // NavigationEnd
    // NavigationCancel
    // NavigationError
    // RoutesRecognized
  }
}

or

constructor(router:Router) {
  router.events.forEach(event:Event => {

edited Aug 04 '16 at 05:25

answered Jun 23 '16 at 11:22

Günter Zöchbauer

623,577
216
2,003
1,567

Is if(event is NavigationStart) sudo code? no such thing as 'is' in Javascript is there? I can't figure out a way to check for a specific event like you're showing in the example. – HomeBrew Jun 28 '16 at 22:53
Use if(event instanceof NavigationStart) instead of is – Krishnanunni Jeevan Jul 06 '16 at 06:26
Thanks @KrishnanunniJeevan. Sorry, mixed some Dart into the code - fixed. – Günter Zöchbauer Jul 06 '16 at 07:31

score 3 · Answer 2 · answered Aug 03 '16 at 21:29

3

constructor(private router: Router) {
  this.router.events.subscribe(event => {
    if (event.constructor.name === 'NavigationStart') {
      console.log(event.url);
    }
  });
}

answered Aug 03 '16 at 21:29

andreasonny83

1,213
11
19

Angular 2 rc3 Router subscribe

2 Answers2