Angular is it possible to access resolved data within route definition?

Question

I need to do some stuff within the route definition, when the lazyloaded module is loaded. The route has a resolver UserDataResolverService, how can I access the resolved data within the route definition?

 {
        path: 'path-a',
        resolve: { userData: UserDataResolverService},
        loadChildren: () =>
            import('./pages/my.module').then((m) => {
                // access resolved data here: userdata.details
                return m.MyModule;
            }),
  }

In the lazy loaded module use the ActivatedRoute to get the data. — Jai
– Jai, Commented Sep 26, 2022 at 15:26
loadChildren should simply return a module. Why would you even want to add logic there? — Pieterjan
– Pieterjan, Commented Sep 26, 2022 at 16:43
I have a micro-fe architecture. That route loads the remote module and contextually I want to communicate to it some data emitting a CustomEvent @Pieterjan — Marco24690
– Marco24690, Commented Sep 27, 2022 at 7:07
Then either use a service to store the state, or handle the activate event. Don't add complex logic into the route module loader. — Pieterjan
– Pieterjan, Commented Sep 27, 2022 at 7:41
Note that your very advanced, complex, intensive logic will be called for all the routes when using PreloadAllModules. Your code will result in a horrific UX in that case. (and obviously I strongly suggest you use PreloadAllModules...) — Pieterjan
– Pieterjan, Commented Sep 27, 2022 at 7:45

Fabian Strathaus · Accepted Answer · 2022-09-26 15:46:44Z

1

You can simply inject ActivatedRoute in your child component and then use

constructor(private route: ActivatedRoute) {
    console.log(this.route.snapshot.data['userData']);
}

answered Sep 26, 2022 at 15:46

Fabian Strathaus

3,6401 gold badge8 silver badges30 bronze badges

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

2 Comments

Marco24690 Over a year ago

I need to access data when the route is defined, not in the component

Fabian Strathaus Over a year ago

oh sorry, my bad. Why exactly do you need access there? Is this data used for specifying which modules to load?

Collectives™ on Stack Overflow

Angular is it possible to access resolved data within route definition?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related