Angular - lazy loading standalone component for multiple path's

Question

Is it possible to lazy load standalone component for multiple path's? Is this a proper way to do it?

{ path: 'path1', loadComponent: () => import('./someComponent.component').then(c => c.someComponent)},
{ path: 'path2', loadComponent: () => import('./someComponent.component').then(c => c.someComponent)},

In main.ts file I also set preoload strategy to preload all modules:

provideRouter(APP_ROUTES, withPreloading(PreloadAllModules))

I checked newtwork in DevTools and it looks like component is loaded only once. However I am not sure if this is the correct way of implementing it.

Vishnu Vinod · Accepted Answer · 2024-01-18 11:17:08Z

1

The way you are lazy leading is absolutely fine. because regardless of how many times you are lazy loading a component or a module, it will load only the first time and the next time Angular loads the same route or another route with same component or module, Angular will use the already loaded component or module.

answered Jan 18, 2024 at 11:17

Vishnu Vinod

7855 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Angular - lazy loading standalone component for multiple path's

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