how to load lazy component with angular without ngModule?

Question

In angular is it possible to load component in lazy without specify ngModule ?

Today I use:

 { path: '..', loadChildren: () => import('./my.module').then(m => m.myModule) }

Can I do something like this code:

 { path: '..', component: () => import('./my.component') }

Is it possible? if so how?

Answer 1

I found this tutorial which I think can help you. In order, you need to declare the component as part of this module, then to load component only when it's used, helped by ComponentFactoryResolver and Injector

Answer 2

Yes, you can load component lazily without including it in NgModule. you can import component in code where you need and then by using ComponentFactory Resolver and ViewComponentRef, check the article