#97 CanActivateChild Route Guard | Angular Router & Route Guards | A Complete Angular Course

Unleash the power of Angular ⚡ and build dynamic web applications with this step-by-step learning experience, perfect for beginners 🆕 and aspiring web developers .

What you'll learn: 💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥💥

👉 Core Angular concepts: Components, Directives, Services, Dependency Injection, and more!
👉 TypeScript fundamentals: ️ Master the language that powers Angular for a smooth development experience. 🪄
👉 Building real-world applications: Craft interactive UI elements, handle user input, and manage data flow.
👉 Testing and debugging: Ensure your applications are robust and error-free. ️
👉 Best practices and pro tips: Learn from experienced developers to write clean and efficient code.

This course offers: 👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

👉 Clear and concise explanations: ️ Understand complex concepts easily.
👉 Hands-on exercises: Practice your skills and solidify your learnings.
👉 Engaging and informative lectures: Stay motivated and learn at your own pace. ⏱️
👉 A supportive community: Connect with fellow learners and get help when needed.
👉 Ready to take your web development skills to the next level? Subscribe now and start building amazing web applications with Angular!

[artsentertainment]

I have noticed that both "canActivate" and "canActivateChild" are protecting the child routes when applied on parent route(The catch here is both these guards are not protecting the parent route, But both the guards are protecting the child guards only).
So Sir, I couldn't notice difference b/w these 2 guards,
Can you please clarify the difference between canActivate and canActivateChild, And which one to be used in which situation?

canActivate on Parent

{
path: "Courses", canActivate: [canActivate],
children: [
{ path: "Course/:id", component: CourseDetailComponent },
{ path: "Popular", component: PopularComponent },
{ path: "Checkout", component: CheckoutComponent },
],
},

canActivateChild on Parent

{
path: "Courses", canActivateChild: [canActivateChild],
children: [
{ path: "Course/:id", component: CourseDetailComponent },
{ path: "Popular", component: PopularComponent },
{ path: "Checkout", component: CheckoutComponent },
],
},

[akhileshk]

please do videos on RestAPI calls in Angular

[TariqueMahmud]

Where have you been all the years? Thanks a lot.

[mihaidornescu]

I love your videos and have watched about 90% of them in the Angular 16 series. Just a minor detail: in this particular video, the sound quality in some parts is not very good.

[vaibhavregundawar]

Can't we use the same CanActivate function for protecting child in 2nd approch ( Angular 15 and above version)?