Nested Routes modular approach | Lazy loading | Routing | Angular 15

preview_player
Показать описание
In this video we will learn

1. How to use nested routes in angular 15
2. How to use nested routes in modular approach
3. How to use nested routes using lazy loading
4. Lazy loading in angular 15

Github:

(Angular Modules | What and Why Angular Modules | How to Create Angular Modules)

(Lazy loading standalone components | Routing | Angular 15)

(Angular Standalone components | Ways of using standalone components | Angular 15 | Stable release)

(Angular Routing | Routing Configuration | Angular 15)

(Angular Standalone components | Ways of using standalone components | Angular 15 | Stable release)

(Content Projection in angular | Parent child communication | Angular 14 | Part 9)

(View child decorator on Angular Components | Child to Parent communication)

(View child decorator on HTML elements)

React in Angular

Angular Life cycle hooks

Angular ngModel

Angular 14 features

(Reactive Form - 24 | Strictly typed reactive forms | Angular 14 updates)

(Reactive Form - 22 | Address Management System | Part - 6 | Pre-filling addresses of form)

(Reactive Form - 21 | Address Management System | Part - 5 | Validate address form)

(Reactive Form - 20 | Address Management System | Part - 4 | Remove Address from addresses)

(Reactive Form - 19 | Address Management System | Part - 3 | Add Address into addresses)

(Reactive Form - 18 | Address Management System | Part - 2 | Binding Groups and HTML Content)

(Reactive Form - 17 | Address Management System | Part - 1 | Creating UI and form structure)

(Reactive Form - 18 | Address Management System | Part - 2 | Binding Groups and HTML Content)

For understanding ngFor click the below link

For Understanding ng-container, click below link

Form arrays and type casting, click below link

Try to understand all my previous concepts in reactive forms series

For Reactive forms complete series, follow the below link

For Unit testing on Reactive forms, follow the below playlist

For Unit testing all angular concepts, follow below playlist

For Unit testing all angular unit testing concepts, follow the below playlist

Learn Javascript concepts from the below playlist

#nestedroutes #angular15 #lazyloading #angular #angulartutorialforbeginners #angulartutorial
Рекомендации по теме
Комментарии
Автор

Thanks for the great explanation bro.
Really very helpful.

Yash-gjxy
Автор

I had the same structure of my app, but after upgrade angular from 14 to 15 version all links and buttons stopped working🤯 Moreover, if I give someone a link to a certain section of my site, then the person only gets to the main page, and then he cannot go anywhere else, since the transitions do not work. I don't know what exactly has changed in version 15, but nothing else works on my site, and among other things, now Google has pessimized it in the search results, which is the worst thing for me.😭

natalya