Angular Tutorial - 29 - Child Routes

[@tpalmer63]

Another excellent video. You are, indeed, a wonderful teacher. You have a great balance of explanation and example, and very good video and audio quality. There is nothing distracting or time-wasting here. Your videos are a pleasure to watch, and I'm learning some cool things. Thank you!

[@jogatinandodevs]

Man, I'm Brazilian and I'm very grateful for this class, because you helped me better understand how to work with children's routes. thanks man =) By the way, your way of speaking English is very good, excellent for those who are still looking for fluency as I can understand without any subtitles. I've already become a fan. Thank you again.

[@ellsonmendesYT]

yep, this is more comprehensible than Loaianes video on this same topic, by the way are working with angular today?

[@jogatinandodevs]

@@ellsonmendesYT not. I'm working only API in Java and python.

[@Bestsantoro]

Vishwas, I greet specially. Nobody teaches Angular better than you. You are immaculate

[@inoeirock]

You won't believe it my man! I was stuck on this problem of routing wherein I wanted to display the component on the same page and not a different page and I searched exhaustively for a solution but nothing worked. Found this video, and your code worked first time. Thanks sooo much!

[@SD-gj2by]

Went through all your 29 videos for Angular 5. Excellent way of teaching the concepts and i was able to get it working exactly how your tutorial mentioned. Kudos to you!

[@songlee8456]

Google has to say thank you to you for saving Angular life. A lot of people moved away from angular because it's difficult but in reality when you passed the learning curve it becomes easy. Big thanks to you. I can't wait for the next one. Also, i would love you to consider doing a tuto on ionic too like this format

[@siddiqueshadab1838]

Got nothing like these tuts, Hats off to you. Clear and to the point tuts. I want you to make tuts on ionic 4. Once again thanks.

[@breacker0153]

Short and simple. Good Tutorial! Everytime i make jokes about indian tutorial videos but people like you are the second StackOverflow for us programmers! ;)

[@yourshema]

I love these tutorials. High quality content. Awaiting next video

[@ansumanmishra9608]

One of the best Angular tutorial series!! Many thanks for your effort.

[@hirazainab3119]

Thank you so much for these tutorials. Much appreciated !

[@daniekpo]

Great job! These have been some really good tutorials.

[@harkiratsingh9071]

i really loved your this video

[@fate89382]

This is a very great video for people who want to learn Angular!!! Thank you!!!

[@faisaljutt7841]

You're simple Awesome ! This is the first time that i've done with the complete playlist along with practice :) I really enjoyed it brother...! Thank You so much keep uploading the interesting stuff ... (Y)

[@sinan.e]

Thank you a lots.. I learned Angular 5 from all of your videos. I think, you're good teacher.. Greets..

[@mohammedrokerya8586]

Thank you so much for those video tutorials, Because of you I was able to understand angular so clearly and so quickly.

[@roziardiansyah]

Yeah, me too. It is more simple, easy to understand and so clearly about the concept than other angular tuts in youtube.

[@quanghopninh3376]

actually the best angular tutorial !! youre lifesaver!! many thanks. you got my subscribe.

[@syn-eewong8460]

Thank you once again for the helpful and educational tutorials!

[@Sreenivas20064u]

Great videos Vishwas! Thank you!

[@mearn_ctaftsman]

I am big fan of your voice , ofcourse content as usual awesome 👍

[@ignitesofthelp]

Vishwas, 1- your way of covering topics is best, 2- the way you speak and cover the topics points is really excellent 3- The way you take examples you teach the topics, no competition, just amazing 4- The way to go step-by-step and following that, never breaks. Excellent. 5- Keep going man, you channel is going to be #1. Please create tutorials on, auth-guards, authorizations, user-roles, session managements, login-token etc, Forms editing etc. Great work!!

[@Bestsantoro]

Vishwas, I greet specially. Nobody teaches Angular better than you. You are immaculate

[@quanghopninh3376]

thank you sir. I can say thank to you everyday

[@ahmeddiab1446]

the best angular tutorial in all you tube you are the best tnx

[@dnyaneshkale8293]

I keep coming back ehe. Such a great tutorial.

[@AhmedAli-ii4iw]

Very awesome. You are a best teacher.

[@ai.aspirations]

much thanks for this angular tutorial series,

[@faraimanya1622]

true story, you are good teacher

[@tristalu8392]

i love you you saved my life again

[@thefaith9659]

Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you, Thank you. You have really saved my entire daaaaay

[@kleelof]

Thanks for your hard work.

[@narisornsamukkarn1747]

Thank you so much I understand Angular overview clearly,Thank you

[@idrissifatiz]

many many thanks for those videos, excellent explication with all details,

[@fullStackInKannada]

Nice well explained bro. Thank you so much! It helped me a lot.

[@kajaldubey409]

Very helpful tutorials, looking for more videos on angular 5 with some more complex examples.

[@hash7915]

Thank you very much sir

[@sabarinathanthangaraj8681]

Excellent playlist!

[@narendrakanneti2966]

Waiting for next video bro... Liked the way of dealing......

[@BigyanChap]

Awesome Tutorial. Waiting for the Tutorial-30+.

[@sreyahepsiba4525]

Very clearly explained thank u very much

[@MZ-uv3sr]

These are very useful thank you. Do you have one route resolver and guards? I need to learn that next

[@ShaileshKumar-hm2kz]

Awesome and quite informative tutorials of Angular 5. Requested you to upload some video of integration with Rest webservices or microservices. Thank You !!

[@janagamyogendra5312]

Hii bro, At first thak u for ur vedios that helps a lot for both beginner and experienced one too, if u don’t mine do some Reall Time projects using angular that how it is used in companies so that we will get some practical knowledge and awareness. I really appreciate your patience brother.

[@jonathanarangoa4281]

Saludos desde colombia eres MUY MUY BUENO se te entiende y sin duda una excelente explicacion y aprendizaje MUCHAS GRACIAS HOMBRE :D

[@menesbatto]

Thank you for your tutorial! Really a good work!

[@mdgosoddin192]

Excellent sir I really like this

[@mdabuzar2130]

Wow.. Amazing, excellent and so on..

[@VANTYCSolutions]

Very useful thank you !

[@vaibhavlokhande4295]

tutorials are really helpful please upload full project implementation in angular 8

[@sonamohialdin3376]

Very useful tutorial

[@kjagan9813]

Sir ,U r Really Awesome

[@章魚-l8y]

Great tutorial! Does anyone know when would angular update inner router-outlet (in department-detail.component), and when would it replace the whole content of outer router-outler(in app.component)?

[@8irsan8]

At 6:00, when you click on Overview, now you are in Overview. Once in it shouldn't clicking on Contact give an error? Because you are in Overview.html and this html has no router-outlet tag for further navigation.

[@amrhamdy6364]

thank you friend, you are amazing :)

[@pankajpandey-oo2bj]

Excellent video tutorials...keep up the good work sir :) ... One suggestion needed....is it preferable to go with Express js as a middleware server side for db communication or spring mvc would be better?

[@snakeju2]

You are amazing.

[@zohaibakram3545]

Awsome vidio bro

[@siba2893]

Amazing series, you are a wonderful teacher. Could you explain a bit of dynamic templates? You know sometimes you have a login page that is completely different from the dashboard, so basically you have like 2 index.html or i don't know how its handled in this case.

[@AhmedHassan-wt7ss]

awesome sir

[@bogalaharish]

I don't understand why we are using tag again in the displaylist component as well. Can someone explain why this should be done like this ? ?

[@Shakti_Kr_Singh]

how works ?

[@FredoCorleone]

This is excellent! But what about expanding on this adding modularization? Thanks ;) You could have used routerLink directive with relative paths instead of declaring those two functions...

[@prashantrewatkar866]

Hi Sir, This video series are excellent. thanks sir@@ GBU. Please provide such video with web API/ CRUD .

[@karlsamaha907]

thank you

[@miteshkumawat3623]

not able to navigate to overview and contact component, getting page not found error.

[@noelara4356]

Thank You So Much°°°

[@Oko-Moko]

Thanks bro

[@jayhey2577]

It was very good if you added parameter to child and show it in the child

[@jonattansalcedo6924]

Hi, is there a way to add to the child routes a wildcard route that takes you back to the existing? Let me explain my self, so far if I'm in the route "/departments/1" and click on overview or contact everything works fine, but if I enter a route manually like "/departments/1/test" I want to get redirected to "/departments/1". Is this possible?

[@sherifkhattab1313]

Best angular tutorial Are u going to post more vids plz?

[@RamKumar91221]

@Codevolution In the overall project we have 2 tags defined. How the angular distinguish in between them before rendering a template to display thorough those tags?

[@fabioandrescastanedaduarte6954]

Great video! I just have one question, Can I usea the children property to specify :id? For example in the path of departments use the children propertty and add ':id'. Thanks for your amazing videos

[@nilayshah2354]

Hello sir, is this lazy loading? Loading the child routes/components only when the parent is loaded? Pls correct me if wrong as I am naive to Angular.

[@abhilashkokkonda1713]

Hi Vishwas I have doubt in 'Parameterized child routes'. The example is like this Im in my parent dashboard component page. I have a search bar in the dashboard page and a search button. Once we give search string and hit search button it should display the search results in 'SearchComponent', this component is also a child component of dashboard component. So here we need to catch the search string (dashboard/view/search/:searchString), route to searchcomponent and in the search component we need to display the results related to the search string. Can you tell me how we can do that?

[@maiabdulhamid3973]

Awesome! how many videos are remained to finish this tutorial?

[@waqasrana7891]

its last i think

[@jfprograma4004]

Hi, nice tutorial, can you do a short list about how a real app in angular work with login sessions and all that stuff, or for example handleling synconous calls when needed, sorry the bad english.

[@raghavgupta1157]

Why it is not routing to /departments/1/overview/contact? As here we are specifying {relativeTo: this.route}

[@ric8961]

Is this angular 8? the dates confuse me this was published at 12 feb 2018 , but Angular 8 at may 2019

[@eluthem]

Yea true - it's Angular 5 version. The title of the video is confusing.

[@shubhamkokul9]

When will you upload tutorial 30 please do so I have gone through your each tutorial they are really awesome

[@xinaxtle9825]

gracias

[@ricksorkin8883]

When I navigate to the child route I still have the parent root if I scroll down on the page where the child route is there . How do I make sure when I go to the child route I only see that and not the parent root also

[@jhumurpaul3825]

Can we use routerLink instead of this? what is the difference between them?

[@karthikmd471]

Are all these videos are updated with Angular 6 new features. Or only the names of the videos are changed s Angular 6.

[@Codevolution]

Except for the video on fetching data using http, you won't see any difference in angular 5 vs angular 6 :)

[@giakhanhho741]

Why dont you use routerLink to navigate?

[@connectmohammad]

Please upload video series on Angular 5 forms i.e. Template-driven & Reactive forms plus custom form validators creation...

[@KingKhan-sl5kt]

if i wanna do the contact and overview in only angular what should then i do ?? it show overview and contact in all the departments lists. help me .

[@mohamedabbassiddiqueibrahi1273]

why sir child root not apply in relative navigation

[@ankitagupta6232]

Can we pass history state in this child routing

[@wilfredobc8611]

Gracias !

[@amankhanna361]

How I can clear ;id=3 ;test=testValue from url. using relativeTo: this.route

[@idlevandal69]

In department-detail.component add skipLocationChange: true eg. this.router.navigate(['../', {id: currentId}], {relativeTo: this.route, skipLocationChange: true});

[@GiovanniDeRosa69]

How do I solve the problem of refreshing in MVC WebApi? IF in web.config rewrite rule for url like "/*" this is right for "/Api/*" too. (Sorry for my english)

[@GiovanniDeRosa69]

I found the solution!

[@customdev7078]

Hey what if we dont include router-outlet to view ?

[@muhammadadilkhan6007]

ERROR in src/app/department-detail/department-detail.component.ts(3,26): error TS2307: Cannot find module 'path'. any idea why?

[@santhoskkumarspl325]

Please let us know how to include external jquery scripts like image zoom jquery scripts or slideshow jquery scripts in angular 2 child component....it is not working when we include in index.html

[@inyomangurnitha7957]

Hi, Thanks for your great course. Please create a real world app with backend and database, if possible use mysql.

[@adamhamdi9210]

great

[@MrAlliqator]

how i can send more data to Detail page?

[@srigakolapuatchuthsai1938]

please provides more videos for angular5 sir

[@andresm9051]

Now I can access the child using only its path in url localhost:4200/contact without passing its parent or father how to avoid that ?

[@wayne_gakuo]

Make sure you put the children property inside the route whose path is 'departments/:id' and not 'departments'

[@skimran22]

Awesome