Named Router Outlet - Angular (Tutorial #23)
HTML-код
- Опубликовано: 8 сен 2024
- Named Router Outlet in Angular - Tutorial no 23.
As your applications grow, you will probably need to route to different parts of your applications independently to one another and named router outlets are great way to accomplish this.
Use this link to share this video: • Route Parameters - Ang...
In our previous videos we have already learnt about Routing, Nested Routing and Parameterised routing.
Nested Routing: • Nested Routes - Angula...
Router Parameters: • Route Parameters - Ang...
Routing: • Routing - Angular (Tut...
We have learnt , that router-outlet act like a placeholder , so whatever route we will request it display the requested route template just after the router-outlet. But we can have only one router-outlet. If we want multiple router outlet then we need to assign a name to router-outlet . So If router-outlet has no name property assigned to it , It is called PRIMARY OUTLET and the outlets with name property is called SECONDARY OUTLET. So it is possible that you want multiple outlets for displaying different routable content in different parts of your application.
Angular Tutorial Series:
• Introduction- Angular ...
Follow me on:
►RUclips : / nishasingla
►Facebook : / angularjs4beginners
►LinkedIn : / nishasingla
Welcome back. I have learned angular form your channel and joined as a developer. Thank you so much. Very grateful to you.
Good to hear that :) Thanks
Good Teacher
Thanks for explaining this important topic.
Keep learning
ma'am you have a great knowledge
Your way of explaining is very good 😊😊😊
I was struggling to understand the syntax of routerOutlet for named outlets. Your video explained it well. Thank you.
Thank you very much. That was super clear and precise, perfect for an Angular noob as myself.
Thanks 🙏
Hi Nisha , Thanks for all videos. Hope you continue posting videos. Learning Angular was very easy through your videos.
Excellent
You're welcome Nikhil
Can I get information of Session
crystal clear explanations , thanks :)
Glad it was helpful!
very good explanation
Thank you 😊
Thank you so much !
You're welcome!
Thank you very much, more informative lesssion
😀😀
Explained much elegantly. Thanks for sharing such an amazing information.
Thanks 🙏
Thank you Nisha.
It works.
Sos una genia!!!! Mil gracias :)
great video......good explaination.....thanks
😀😀
Hi @Nisha Singla, Its a nice video. I have a query. Instead of using named router outlet. We can directly use that component right?
very simple and good explanation
Thank you so much 🙂
Thank u so much mam for this Topic
Keep watching
Hi nisha also make some video on angular element
i request you to please make a video on good quality and also in black screen instead of white screen.
aboutus/aboutus.component.ts:5:15
5 templateUrl:'./aboutus.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AboutusComponent.
aboutus/aboutus.component.html:7:6 - error NG8001: 'router-oulet' is not a known element:
1. If 'router-oulet' is an Angular component, then verify that it is part of this module.
2. If 'router-oulet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
7
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
aboutus/aboutus.component.ts:5:15
5 templateUrl:'./aboutus.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AboutusComponent.
getting error like this.help me
hi nisha,please explain relative navigation and absolute navigation as well
Great video!
And also cover topics like lazy loading, router guard, debugging.
Thanks.
Sure, Thanks
very usefull maa'm
Glad to hear that
Hi Nisha can you please explain about observables,observer concept
i have query like within same example if we want to route from map to feedback then what i need to do ,is it like mention children for map in routing module?
Hi Nisha, thanks for this great video. I have a query . In this video you have shown how to use name router outlets using routerLink. How can we achieve same from class file (.ts) using router.navigate()?
what if I want to load about component in named router-outlet instead of primary router-outlet?
In the place of named router can we use nested route. What is the difference
When you simply use nested route then only one child can activate at a time because we have just router-outlet without name property , if you want to display more than one child activated we can use named router outlet because we will specify name with router-outlet
Thank you for the way u explained its great.
When to used name outlet ?
I like concept but URL not seo friendly
thanks
Make a video on authentication guards Nisha ma'am
Sure Lokesh. Will update soon
It will be more useful if you send source code
I am coming from PHP and learning Angular but this router url is looking so clumsy in Angular... 😑😑😑
one more thing your video is more easier to understand thanks a ton... 😊😊😊
Thanks