Angular - pass data to host component upon routing to lazy loaded module

Question

I have a module with the following routing:

{
    path: '',
    component: PagesComponent,
    children: [
      {
        data: { test: 'snoop' },
        path: 'dashboard',
        loadChildren: './modules/dashboard/dashboard.module#DashboardModule',
      },
      {
        data: { test: 'dogg' },
        path: 'admin', 
        loadChildren: './modules/admin/admin.module#AdminModule' 
      }
    ]
  }

What I'd like to do is pass some data to the PagesComponent component, depending on which lazy loaded module you've loaded.

So, in my PagesComponent I'd like to have something like this:

constructor(private route: ActivatedRoute) {
    this.route.data.subscribe(data => {
      console.log(data);
    });
  }

And the data param will then contain the data defined in the root.

I know I can easily retrieve the data from the routes within the lazy loaded module component itself, but is it possible to get this data in the host component, i.e. PagesComponent?

Background: I'd like to do this so I can display different data in the menu depending on which page you're currently on.

Possible duplicate of How can I access an activated child route's data from the parent route's component? — Ivan
– Ivan, Commented Feb 26, 2019 at 13:35

Ivan · Accepted Answer · 2019-02-26 14:00:49Z

4

The difference between lazy-loaded and simple routes' data is that you have to look deeper.

constructor(route: ActivatedRoute) {
  route.url.subscribe(() => {
    console.log(route.snapshot.firstChild.firstChild.data);
   });
}

edited Feb 26, 2019 at 14:00

answered Feb 26, 2019 at 13:54

Ivan

1,5951 gold badge16 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular - pass data to host component upon routing to lazy loaded module

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related