Тёмный
No video :(

Angular tutorial # Lazy Loading component 

Code Step By Step
Подписаться 310 тыс.
Просмотров 25 тыс.
50% 1

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 / 11 tutorial
Angular 10 tutorial in Hindi playlist
• Angular 10 tutorial in...
Checkout all course an playlist
/ phpstepbystep
Info tech video by bhasker verma
• Tech talks with Bhaske...

Опубликовано:

 

27 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 15   
@codestepbystep
@codestepbystep 4 года назад
Checkout all course an playlist ru-vid.complaylists Info tech video by bhasker verma ru-vid.com/group/PL8p2I9GklV468k-2RCQiJsay_1CO5U-ok
@mayurdhumal01
@mayurdhumal01 3 года назад
Very interesting, simple to understand your all videos of this angular 10. Thank bro
@HexArtificer-j9e
@HexArtificer-j9e 3 года назад
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?
@praveenez6712
@praveenez6712 3 года назад
As per the topic, we are loading the components dynamically on a button click event, If you define the component in modudle.ts file, it will load though. So you sould not load the componenet on module.ts
@HexArtificer-j9e
@HexArtificer-j9e 3 года назад
@@praveenez6712 I thought as much. Since the Module.ts wasn't modified at all post creating the components, I thought I'd check though. Thanks!
@vitalvisions4U
@vitalvisions4U 3 года назад
We can prove that the components are lazy loading by checking the network. On button click the components will load in network.
@hamzaakbar5321
@hamzaakbar5321 Год назад
Thanks but after V13 no need "componentFactoryResolver" we can do like this constructor(private vcr: ViewContainerRef) {} loadAdmin() { this.vcr.createComponent(AdminComponent); } loadUser() { this.vcr.createComponent(UserComponent); } happy coding😊
@Ra11_1
@Ra11_1 Год назад
this was helpful bro!
@vaishalir7323
@vaishalir7323 3 года назад
Superb ,can u explain module level lazy loading?
@hemalimakodiya3445
@hemalimakodiya3445 2 года назад
Great Explanation, Can you please provide source code of this tutorial ?
@nihadkv303
@nihadkv303 3 года назад
helpful video😍😍😍
@riturajdj9661
@riturajdj9661 2 года назад
Can I apply lazy loading on module and components at same time?
@saumyadip11
@saumyadip11 2 года назад
Hi, Why we need to clear the container first?
@chandukanth6875
@chandukanth6875 2 года назад
what work is that createcomponent() function is doing inside load admin and load user function...anyone knows it? please explain
@vigneshkarthik345
@vigneshkarthik345 2 года назад
Without router-outlet how and using which dom element that component HTML is running sir
Далее