Тёмный
No video :(

Named Router Outlet - Angular (Tutorial #23) 

Nisha Singla
Подписаться 32 тыс.
Просмотров 23 тыс.
50% 1

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:
►RU-vid : / nishasingla
►Facebook : / angularjs4beginners
►LinkedIn : / nishasingla

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

 

25 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 58   
@md.nazmulhasannasim4159
@md.nazmulhasannasim4159 4 года назад
Welcome back. I have learned angular form your channel and joined as a developer. Thank you so much. Very grateful to you.
@NishaSingla
@NishaSingla 4 года назад
Good to hear that :) Thanks
@manoharanadimoolam3074
@manoharanadimoolam3074 2 года назад
Good Teacher
@TechnicalNikhil808
@TechnicalNikhil808 4 года назад
Excellent
@NishaSingla
@NishaSingla 4 года назад
You're welcome Nikhil
@TechnicalNikhil808
@TechnicalNikhil808 4 года назад
Can I get information of Session
@rajendercbs8140
@rajendercbs8140 Год назад
ma'am you have a great knowledge
@santhoshkaleru3758
@santhoshkaleru3758 3 года назад
very good explanation
@NishaSingla
@NishaSingla 3 года назад
Thank you 😊
@letslearn5032
@letslearn5032 4 года назад
Thanks for explaining this important topic.
@NishaSingla
@NishaSingla 4 года назад
Keep learning
@rgb685
@rgb685 2 года назад
Your way of explaining is very good 😊😊😊
@TheFrogfather1
@TheFrogfather1 4 года назад
I was struggling to understand the syntax of routerOutlet for named outlets. Your video explained it well. Thank you.
@frenchcoder-developpementw2429
@frenchcoder-developpementw2429 3 года назад
Thank you so much !
@NishaSingla
@NishaSingla 3 года назад
You're welcome!
@satyasanghavi6791
@satyasanghavi6791 2 года назад
Hi Nisha , Thanks for all videos. Hope you continue posting videos. Learning Angular was very easy through your videos.
@thambimoirangthem4499
@thambimoirangthem4499 3 года назад
crystal clear explanations , thanks :)
@NishaSingla
@NishaSingla 3 года назад
Glad it was helpful!
@rameshmore7120
@rameshmore7120 3 года назад
Explained much elegantly. Thanks for sharing such an amazing information.
@NishaSingla
@NishaSingla 3 года назад
Thanks 🙏
@sourandbitter3062
@sourandbitter3062 3 года назад
Thank you very much. That was super clear and precise, perfect for an Angular noob as myself.
@NishaSingla
@NishaSingla 3 года назад
Thanks 🙏
@vanipradhas88
@vanipradhas88 3 года назад
Thank you very much, more informative lesssion
@NishaSingla
@NishaSingla 3 года назад
😀😀
@sebastianquiroga1153
@sebastianquiroga1153 2 года назад
Thank you Nisha. It works.
@boddulasrikanth6047
@boddulasrikanth6047 3 года назад
great video......good explaination.....thanks
@NishaSingla
@NishaSingla 3 года назад
😀😀
@senioralon3
@senioralon3 3 года назад
Sos una genia!!!! Mil gracias :)
@NishaSingla
@NishaSingla 3 года назад
Thanks 🙏
@zubinthoughts
@zubinthoughts 3 года назад
Hi nisha also make some video on angular element
@saiyathuabdulvahafj2176
@saiyathuabdulvahafj2176 11 месяцев назад
Hi @Nisha Singla, Its a nice video. I have a query. Instead of using named router outlet. We can directly use that component right?
@dke4772
@dke4772 3 года назад
very simple and good explanation
@NishaSingla
@NishaSingla 3 года назад
Thank you so much 🙂
@IqbalAhmed-qk5ix
@IqbalAhmed-qk5ix 3 года назад
Thank u so much mam for this Topic
@NishaSingla
@NishaSingla 3 года назад
Keep watching
@CeylonProgrammer
@CeylonProgrammer 3 года назад
very usefull maa'm
@NishaSingla
@NishaSingla 3 года назад
Glad to hear that
@user-kj1pi7lj6o
@user-kj1pi7lj6o Год назад
i request you to please make a video on good quality and also in black screen instead of white screen.
@saikumarmogilla450
@saikumarmogilla450 3 года назад
hi nisha,please explain relative navigation and absolute navigation as well
@VenkateshVenky-fo1rc
@VenkateshVenky-fo1rc 3 года назад
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
@manojnandhan8677
@manojnandhan8677 4 года назад
Great video! And also cover topics like lazy loading, router guard, debugging. Thanks.
@NishaSingla
@NishaSingla 4 года назад
Sure, Thanks
@Aaaaa_kkkk
@Aaaaa_kkkk 4 года назад
In the place of named router can we use nested route. What is the difference
@NishaSingla
@NishaSingla 4 года назад
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
@Aaaaa_kkkk
@Aaaaa_kkkk 4 года назад
Thank you for the way u explained its great.
@vaibhavmane5758
@vaibhavmane5758 3 года назад
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?
@santanuchowdhury965
@santanuchowdhury965 4 года назад
what if I want to load about component in named router-outlet instead of primary router-outlet?
@rohanrvs
@rohanrvs 4 года назад
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()?
@sravanimalneni9231
@sravanimalneni9231 4 года назад
Hi Nisha can you please explain about observables,observer concept
@kotireddy419
@kotireddy419 4 года назад
When to used name outlet ?
@lokeshnallapureddy7208
@lokeshnallapureddy7208 4 года назад
Make a video on authentication guards Nisha ma'am
@NishaSingla
@NishaSingla 4 года назад
Sure Lokesh. Will update soon
@vanithb6630
@vanithb6630 4 года назад
I like concept but URL not seo friendly
@NishaSingla
@NishaSingla 4 года назад
thanks
@justaquib
@justaquib 3 года назад
I am coming from PHP and learning Angular but this router url is looking so clumsy in Angular... 😑😑😑
@justaquib
@justaquib 3 года назад
one more thing your video is more easier to understand thanks a ton... 😊😊😊
@NishaSingla
@NishaSingla 3 года назад
Thanks
@learnjavascript2146
@learnjavascript2146 2 года назад
It will be more useful if you send source code
Далее
CanActivate Route Guard - Angular (Tutorial #24)
11:58
Content Projection with ng-content (Tutorial 36)
15:57
Х.евая доставка 😂
00:23
Просмотров 1,1 млн
Angular Router - The Basics and Beyond
11:47
Просмотров 129 тыс.
Nested Routes - Angular (Tutorial #22)
8:57
Просмотров 22 тыс.
CanDeactivate Route Guard - Angular (Tutorial #26)
14:32
Lazy Loading - Angular (Tutorial #29)
10:44
Просмотров 33 тыс.
Angular 9 Tutorial For Beginners #32 - Router Outlet
7:59
Resolve Route Guard - Angular (Tutorial #27)
8:47
Просмотров 20 тыс.