Get active route data inside router.events

Question

How do I get active route data like params inside the subscribed router.events?

I do not want to subscribe to this.route.params!

// Catch any events in a certain component, where I subscribe to it!
this.router.events.subscribe(event =>
{ 
// The event object has only the url (when is NavigationStart/End), there is nothing useful for me


});

UPDATE

My question is different because I do not ask how to react to router events!

I ask for how to get the activate route params within the router.events !

Thats a difference for sure!

Possible duplicate of [Angular 2 router event listener](http://stackoverflow.com/questions/35912932/angular-2-router-event-listener) — Roman C, Jan 05 '17 at 23:59

score 7 · Accepted Answer · answered Jan 06 '17 at 09:49

7

this.router.events.subscribe(event =>
{ 
  console.log(this.router.routerState.root);
  console.log(this.router.routerState.root.firstChild);
  console.log(this.router.routerState.root.firstChild && this.router.routerState.root.firstChild.firstChild);
});

answered Jan 06 '17 at 09:49

Günter Zöchbauer

623,577
216
2,003
1,567

2

Thats not fair you want 2 solutions :P btw. I asked this before I saw what you posted in the other thread... – Pascal Jan 06 '17 at 17:54
Life isn't fair ;p – Günter Zöchbauer Jan 06 '17 at 17:57
2

The exact reaction I expected from you :P – Pascal Jan 06 '17 at 18:07
I see :D Resolution for the new year - become less predictable! – Günter Zöchbauer Jan 06 '17 at 18:39
1

damn who is upvoting my comments, do I have groupies here? I swear I dont use a 2nd account :D – Pascal Jan 06 '17 at 20:08
Not in my special case about a pasted link in the url bar and then page load, but in general else its a solution covering 99% scenarios. – Pascal Jan 06 '17 at 23:02
Try `setTimeout` like mentioned in the other question. – Günter Zöchbauer Jan 06 '17 at 23:49

score 3 · Answer 2 · answered Jan 06 '17 at 15:52

Try this:

import { ActivatedRoute } from '@angular/router';

@Component({
    ...
})
export class TestComponent implements OnInit{
    constructor(protected route: ActivatedRoute) {}
    ngOnInit() {
        let name = this.route.snapshot.params['name'];
    }
}

This injects the current active route, and latter you can get info from that route.

score 3 · Answer 3 · answered Mar 26 '19 at 20:45

merge(of(this.route.snapshot.params), this.router.events.pipe(
      filter((event) => event instanceof NavigationEnd),
      map(() => this.route),
      map((route) => {
        while (route.firstChild) route = route.firstChild;
        return route;
      }),
      filter((route) => route.outlet === 'primary'),
      mergeMap(route => route.params),
    )).subscribe(p => {})

Get active route data inside router.events

3 Answers3