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

Поделиться
HTML-код
  • Опубликовано: 15 мар 2023
  • 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:
    github.com/saikorthivada/angu...
    (Angular Modules | What and Why Angular Modules | How to Create Angular Modules)
    • Angular Modules | What...
    (Lazy loading standalone components | Routing | Angular 15)
    • Lazy loading standalon...
    (Angular Standalone components | Ways of using standalone components | Angular 15 | Stable release)
    • Angular Standalone com...
    (Angular Routing | Routing Configuration | Angular 15)
    • Angular Routing | Rout...
    (Angular Standalone components | Ways of using standalone components | Angular 15 | Stable release)
    • Angular Standalone com...
    (Content Projection in angular | Parent child communication | Angular 14 | Part 9)
    • Content Projection in ...
    (View child decorator on Angular Components | Child to Parent communication)
    • View child decorator o...
    (View child decorator on HTML elements)
    • View child decorator o...
    React in Angular
    • React in Angular | Wri...
    Angular Life cycle hooks
    • Angular life cycle hoo...
    Angular ngModel
    • Template driven form |...
    Angular 14 features
    • Angular 14 features | ...
    (Reactive Form - 24 | Strictly typed reactive forms | Angular 14 updates)
    • Reactive Form - 24 | S...
    (Reactive Form - 22 | Address Management System | Part - 6 | Pre-filling addresses of form)
    • Reactive Form - 22 | A...
    (Reactive Form - 21 | Address Management System | Part - 5 | Validate address form)
    • Reactive Form - 21 | A...
    (Reactive Form - 20 | Address Management System | Part - 4 | Remove Address from addresses)
    • Reactive Form - 20 | A...
    (Reactive Form - 19 | Address Management System | Part - 3 | Add Address into addresses)
    • Reactive Form - 19 | A...
    (Reactive Form - 18 | Address Management System | Part - 2 | Binding Groups and HTML Content)
    • Reactive Form - 18 | A...
    (Reactive Form - 17 | Address Management System | Part - 1 | Creating UI and form structure)
    • Reactive Form - 17 | A...
    (Reactive Form - 18 | Address Management System | Part - 2 | Binding Groups and HTML Content)
    • Reactive Form - 18 | A...
    For understanding ngFor click the below link
    • Angular For | Looping ...
    For Understanding ng-container, click below link
    • Angular Nested loops |...
    Form arrays and type casting, click below link
    • Reactive Forms Part 14...
    Try to understand all my previous concepts in reactive forms series
    For Reactive forms complete series, follow the below link
    • Angular Reactive forms
    For Unit testing on Reactive forms, follow the below playlist
    • Playlist
    For Unit testing all angular concepts, follow below playlist
    • Angular Tutorials
    For Unit testing all angular unit testing concepts, follow the below playlist
    • Angular Unit Testing
    Learn Javascript concepts from the below playlist
    • Concepts of JavaScript
    #nestedroutes #angular15 #lazyloading #angular #angulartutorialforbeginners #angulartutorial
  • НаукаНаука

Комментарии • 8

  • @luisfernandodeolazabalsche3317

    Muchas gracias.

  • @Yash-gj2xy
    @Yash-gj2xy Год назад

    Thanks for the great explanation bro.
    Really very helpful.

  • @nataly9a
    @nataly9a Год назад

    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.😭

    • @techshareskk
      @techshareskk  Год назад

      Can you try to replicate on sample application and post in github link ? Or else ping me on instagram
      instagram.com/techshareskk?igshid=OGQ5ZDc2ODk2ZA==

    • @techshareskk
      @techshareskk  Год назад

      Yeah in your case this should not be angular 15 problem i guess something is stopping to your code which could be because of third party libraries. But not sure.
      Or
      Second case could be some runtime errors stopping you to execute the logic .
      Are you using any jQuery in your application to move to specific section of your page ?

    • @nataly9a
      @nataly9a Год назад

      @@techshareskk I have to say, that when I tried to create the same example as my web-app, I found my bug. So, I very thank you for your help)). Sorry for a long pause, I'm from Ukraine, and we have a war here...