Accessing Route data in root component, route data is empty

Question

My problem is that I have a lang.component loaded with <router-outlet>. What I need is to access ActivatedRoute params in the root component which is app.component but all route data there is empty. I am able to access route data from lang.component normally by subscribing to params link to code that you can run: https://plnkr.co/edit/gTXPUb6TvatbMyOPPRKj

If you run the code and open your console you can see two logs. It shows you what the problem is.

Please help.

Thank you.

This is not an answer in my case, I need to access the route data, not params. The data is added in the RouterConfig. — siebmanb, Aug 17 '16 at 14:25
Check this out: https://stackoverflow.com/a/57447329/5366641 — scopchanov, Aug 11 '19 at 04:34

score 5 · Accepted Answer · answered Aug 16 '16 at 13:04

5

Instead of using ActivatedRoute use Router.

this.router.events.subscribe((event) => {
    if(event instanceof NavigationEnd) {
        var snapshot = this.router.routerState.firstChild(this.route).snapshot;

        var params = snapshot.params;
    }
})

answered Aug 16 '16 at 13:04

bobek

8,003
8
39
75

Didn't know you couldn't use ActivatedRoute to access child route params from a parent route. thanks! – Simon Briggs Feb 01 '17 at 03:09

Accessing Route data in root component, route data is empty

1 Answers1

Linked