Angular tutorial # Lazy Loading component

in this Angular 10 tutorial, how to make lazy loading component and how to use it in angular. This video is made by anil Sidhu in the English language

Points of video
Lazy loading Component
Make two Components
make 2 buttons for loading Component
Write Component loading function
Angular 12 tutorial


Angular 10 tutorial playlist

Angular 10 tutorial in Hindi playlist

Checkout all course an playlist
Info tech video by bhasker verma

[codestepbystep]

Checkout all course an playlist
Info tech video by bhasker verma

[vaishalir]

Superb, can u explain module level lazy loading?

[vitalvisionsU]

We can prove that the components are lazy loading by checking the network. On button click the components will load in network.

[hemalimakodiya]

Great Explanation, Can you please provide source code of this tutorial ?

[hamzaakbar]

Thanks but after V13
no need "componentFactoryResolver"
we can do like this
constructor(private vcr: ViewContainerRef) {}

loadAdmin() {

}

loadUser() {

}
happy coding😊

[HexArtificer]

Hello!
In the previous video, to demonstrate that modules were being "lazy loaded", you put the console.warn("") above the @Module decorator. In this tutorial, I did the same, but above the @Component decorator instead.

The behaviour observed was that the warning was still shown at runtime. Does this mean the component was still being run?

The solution I found was to remove the declaration in the app.module.ts file, since that declaration is created by default. After that, the console only outputted the warning when I pressed the button.

Can you explain this behaviour?

[riturajdj]

Can I apply lazy loading on module and components at same time?

[saumyadip]

Hi,
Why we need to clear the container first?

[vigneshkarthik]

Without router-outlet how and using which dom element that component HTML is running sir

[chandukanth]

what work is that createcomponent() function is doing inside load admin and load user function...anyone knows it? please explain