Lazy Loading components in Angular

Question

I have seen two ways to lazy load components in angular :

Using routes (using loadchildern)
Using ViewContainerRef and ComponentFactoryResolver

What is the difference between both techniques?

Amit Chigadani · Accepted Answer · 2020-06-19 05:00:18Z

4

As far as I know,

loadChildren is used to lazy load the modules but not the components. It means that you are loading all the components contained in the module into the browser. This will be helpful to lazy load feature modules

To lazy load components (feature of Angular 9), we need ComponentFactoryResolver.

ComponentFactoryResolver is also required to load any components dynamically (existing feature in all the Angular2+ versions)

Yes of course we need ViewContanierRef which acts as the placeholder to add new component at particular spot in the DOM

P.S: I am not adding example codes just to be within the limits of the question

answered Jun 19, 2020 at 5:00

Amit Chigadani

29.9k14 gold badges88 silver badges102 bronze badges

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

1 Comment

Muhammad Ali Over a year ago

thank you, i was actually confused between lazy loading components and modules. its clear now.

Collectives™ on Stack Overflow

Lazy Loading components in Angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related