Nested Routes - Angular (Tutorial #22)

Nested Routes in Angular - Tutorial no. 22.
Nested Routes are one of the most important part of smooth navigation in complex User Interfaces #angularchildroutes #nestedroutes, #childRoutes
Nested Routes are routes within other routes. These nested routes have the same base path and parameters as their shared parent route
Share this video: • Nested Routes - Angula...
Watch complete FREE course here:
www.youtube.com/watch?v=WSu-G...
To create Nested route, children property is used on parent route
We can call this child route from template of UserComponent(ParentComponent) like this, and can render child component template using router-outlet placeholder
Please subscribe , like and share my channel . For any queries ask you question in comment section
you can also connect with me @
- Facebook: / angularjs4be. .
- LinkedIn: / nisha-sin. .
- Website :
I hope you liked this Angular tutorial. If you are a beginner and facing any trouble in understanding the Nested routes in Angular , feel free to drop the comment below and I'll be happy to help you at my best.

[@MotionInMotion1975]

Nisha, I saw like 5 different videos about this topic and they all make it super difficult to understand, until I got to your video. I was looking for this the entire day. Thank you so so much for this.

[@vanithb6630]

We are happy to see you back

[@NishaSingla]

Thank you

[@gopinathkrm58]

Glad you are back and please continue your tutorials on Angular. Thanks

[@NishaSingla]

Thanks

[@hirenpadariya7904]

After so long time, you have posted video ... Be continuing with new uploads, your tutorial and explanation method much appreciated.

[@NishaSingla]

Hey thanks Hiren, due to some constraints, I was on break. But yes all appreciations and support bring me back here.. :)

[@vasanthapandiyanm2405]

Very happy to see and your videos....

[@NishaSingla]

Thank you

[@ravipatel7522]

Thanks very well explained

[@kushagrasharma5944]

Please continue your series and also make video on crud operations connecting with webApi and database

[@NishaSingla]

Sure Thanks

[@narasimhadasa487]

Your explanation is very clear and to the point. Thank you so much

[@shaileensehgal5654]

Good to see you back :).. love your videos

[@NishaSingla]

Thank you Shaileen. :) :)

[@kishorekumarreddypalle6893]

Happy to see you, u r back again. Your videos are very helpful for new angular developers.

[@NishaSingla]

Thank you Kishore

[@kishorekumarreddypalle6893]

@@NishaSingla try to do more videos on angular, videos are very short and easy to understand. Very helpful while preparing for interviews.

[@atirah14]

Thanks. This video helped.

[@durgamohapatra6282]

After a long time,seriously i was waiting for your video.
thanks for back again.i hope i will get to know all angular concept during this lock down period.
seriously i got to know angular just because of you,
thank you so much .

[@NishaSingla]

Good to know my videos are helping you . Will upload more videos .Thanks

[@webpavansriram]

You are amazing...Cristal clarity.....

[@berthembenitezjr8612]

this is precise yet basic in understanding nesting routing since I am struggling studying angular in some tutorials here in youtube!! keep it up... you subscriber from Philippines

[@NishaSingla]

Glad to know it helped 😀😀 keep learning
And thanks for subscribing 👍🏻😀😀

[@NishantKrishnaGhadigaonkar]

Thank You !

[@rameshpalanivel2032]

Very clear explanations and for beginners, this is the one of best channel to watch learn angular.. Keep posting more tutorials Nisha Singla.....

[@NishaSingla]

Hey it means a lot.. thanks 😀🙏

[@Agent-997]

crisp and simple 😊 thank you

[@bhaveshmoon1979]

Is it working for you ??

[@IqbalAhmed-qk5ix]

nice explain
Thank u so much

[@NishaSingla]

You are most welcome

[@anandshuklatech]

Mam your video is very much helpfull for me. Thank you so much for providing such a good content .
Mam Please make video on Manual bootstrapping , state management .

[@umarao9078]

Very useful video Thanks,
small request please make quality video its very blur.

[@NishaSingla]

I will try my best

[@cholasimmons]

Wow thank you Ms Singla, I hope in future you adopt dark mode in VS code 🤭.

[@tiparess17]

very well explained
thank you

[@NishaSingla]

You’re welcome

[@hafismuhammad7028]

I was doing a project with lazy loading and child routes . But i was not fully understood using router outlet for different layout on each module. After watching this tutorial i fully understood the concept. Thank you mam for your clear explanation 😍😍😍

[@bhaveshmoon1979]

Is it working

[@bhaveshmoon1979]

For me it is not working

[@hafismuhammad7028]

@@bhaveshmoon1979 i will explain you with an example. Assume you have an employee module which is lazy loaded. When you create employee module you will have employee.component.html file.(you chan check how to create a lazy loaded module along with .ts .html .css and employee-routing module in angular documentation ) In that type . Then in employee routing module you will have path :' ' component : employee.component.ts . Then add children to this (,children: {}) then all children will come at router outlet of employee.component.html

[@harisbukhari8659]

Thanks

[@davidwang5445]

Great presentation! In this presentation, the nested routing is used with normal component loading. For better performance, lazy loading can be used. Do you have a sample for using the nested routing with lazy component loading? Thanks.

[@ramkanuparthi7400]

Hi madam just now watched your tutorial on custom pipes in Angular. When the video is done the thing I did is just subscribed to your channel.
So far I am looking for a video on angular that how to connect to lcalhost/phpmyadmin(WAMP/XAMP server) and perform the CRUD operations. If possible make a video on it madam. Will be waiting for it.

[@NishaSingla]

Thank you

[@faheemsarvath4587]

netsed routes doesnot working. address and company displayed but that content not working

[@bekkamvenkateswarareddy5502]

Hi ma'am, firstly I'm very thankful for providing such a nice explanations on Angular4. Your way of representation make beginners also very easy to understand. Can you please make a video on Angular observables and subscribe how they works and all.

[@NishaSingla]

Thanks . I will come with these topics soon

[@shambhugodar3323]

@Nisha Singla how we can scroll to the top when we navigate in Nested Routes in angular? ie more than 6 levels of router outlet

[@sumeetpattanaik1778]

one doubt here earlier in the Routing video you said we need to import RouterModule and Router class inside app-module but in this video, your code is written in the app-routing.module.ts file, can you explain it.

[@bhanumurthy4061]

Hi Nisha.. Architecture point of view, as the user component is child to users component, can we create user component inside of users component folder..? or is it not required..?

[@shalmisandlar8551]

You didn't show how to display the address. You navigated to a static page with a message that the page is working. But each USER has a different address. How do you present it? It was missing from the video.

[@rajeshg2958]

Can we display both adrees and company as default with chaild route

[@NishaSingla]

Rajesh if you want to display both child route, then use named router outlet instead.
ruclips.net/video/ev6z6B3GVlw/видео.html

[@angulardesign7412]

i am working on real angular project i need your help how can i contact you? plz help

[@anandlshinde]

Hi Nisha ,
I seen your Angular 8 nested routing video . it is very useful for all angular dev. but
my requirement is different .
nested routing in featured modules
e.g:
localhost:4200/dashboard
localhost:4200/aboutus
localhost:4200/java [ this is module parent link ]
localhost:4200/java/corejava [ this is child link]
localhost:4200/java/advjava [ this is child link]
please guide me how to do this in angular 8 or to make separate video on this
I waiting response
Thanks in advance

[@NishaSingla]

Thanks

[@anandlshinde]

@@NishaSingla
HI Nisha,
I request to you please tell me my question answer.

[@jayakumar2927]

can you share this code also

[@rupeshSh832]

ma'am please use dark theme while explanation

[@bhaveshmoon1979]

It is not working for me, I followed the steps exactly

[@tamalbose2573]

I should give you half of my salary hiked