Angular load component on page refresh

Question

In app.module.ts I use APP_INITIALIZER to call my initialiser service (ApplicationInitialiserService). This loads data from an api and creates routes dynamically. All these routes target a child component.

When I click the router links to navigate this initialises the targeted component and everything loads fine.

But when I refresh the page it does not load up this child component.

Maybe I need to detect a page refresh and load in the child component? Any suggestions greatly appreciated

Test code - if you go to https://ivw5j6.csb.app/ and click the routerLink to /test it loads and shows "page works" But if you refresh https://ivw5j6.csb.app/test the page component does not load.

enno.void · Accepted Answer · 2022-08-03 12:44:29Z

2

You need to add this.router.initialNavigation(); in your service after adding routes

answered Aug 3, 2022 at 12:44

enno.void

6,6284 gold badges28 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

Angular load component on page refresh

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related