Angular 10 Tutorial #50 - Route Guards - CanActivateChild | Angular 10 Tutorial For Beginners

Angular 10 Tutorial, Angular route guard CanActivateChild tutorial, Angular 10 Tutorial For Beginners, Angular full tutorial, Angular learn angular applications, How to develop Angular Apps, Angular tutorials building and deploying Angular Apps, Building angular applications in Angular 10, Learn to build Angular 10 applications, Angular build and deploying applications, angular 10 building and deploying in Angular Apps, angular Apps build and deployment in Angular 10, 6,7,8, 9, angular 8 example,

Angular 10 tutorial for beginners, angular 10 tutorials, angular tutorials for beginners, angular interview questions and answers, angular live projects, angular 10 crash course, angular 10 tutorial for beginners step by step, angular tutorial for beginners 2020,angular tutorial 2020,angular code examples, angular for freshers, angular tutorial for experienced, arc tutorials angular, arc tutorials, angular 10 full course, angular 10 tutorial for beginners, angular 10 tutorial

Angular 10 tutorial for beginners, angular 10 crash course, angular 10 tutorial for beginners step by step, angular tutorial for beginners 2020, angular tutorial 2020, arc tutorial angular, angular code examples, angular for freshers, angular tutorial for experienced, angular introduction, angular version history, angular full tutorial series, best angular tutorial.

Angular 10 Tutorial #1 -

Angular 10 Tutorial #2

Angular 10 Tutorial #3 - Upgrade to Angular 10

Angular 10 Tutorial #4 - Install Angular CLI tutorial

Angular 10 Tutorial #5 - Install Bootstrap in Angular App

Angular 10 Tutorial #6 - Install Angular Material in Angular Application

Angular 10 Tutorial #7 - Folder Structure of Angular Apps

Angular 10 Tutorial #8 - Boot Process of Angular Apps

Angular 10 Tutorial #10 - Angular CLI Tutorial

Angular 10 Tutorial #11 - App Architecture

Angular 10 Tutorial #12 - Modules

Angular 10 Tutorial #13 - Components

Angular 10 Tutorial #14 - Component Lifecycle Hooks

Angular 10 Tutorial #15 - Component Communications

Angular 10 Tutorial #16 - Templates in Angular Components

Angular 10 Tutorial #17 - Directives in Angular 10

Angular 10 Tutorial #18 - Structural Directives in Angular 10

Angular 10 Tutorial #19 - ngIf in Angular 10

Angular 10 Tutorial #20 - ngFor in Angular 10

Angular 10 Tutorial #21 - ngSwitch in Angular 10

Angular 10 Tutorial #22 - ngStyle in Angular 10

Angular 10 Tutorial #23 - ngClass in Angular 10

Angular 10 Tutorial #24 - Data Binding in Angular 10

Angular 10 Tutorial #25 - Interpolation in Angular 10

Angular 10 Tutorial #26 - Property Binding in Angular 10

Angular 10 Tutorial For Beginners

Angular 9 Full Tutorial For Beginners

Angular CRUD Tutorial Step by Step

Angular Testing Tutorial

[anandshreshti]

Hi, I am creating Admin as lazy loading module, only for that i am giving canActive? and for remaining loadChildren components , i am giving canActiveChild? for accessing these child components. This will work in same way right?

[youtube_vids__]

Can you please upload further notes on as the notes of ep50 onwards have not been uploaded there

[jasminemerchant]

Great videos sir, u have explained it so well, thank you for making these videos

[amanuellebassi]

Thanks, Sridhar. Nice to see you again my friend!

[bikramrout]

sir what if i want to restrict 1 child route from multiple child routes

[ramreddy]

Hi Sridhar, if we are getting a result for canActivate or canActivatedchild as false where we have to redirect our route??

[himanshuarora]

why you added one more path ' ' at line number 40 at 13:17 made the video confusing ?

[himanshuarora]

is path ' ' , also a children of admin ?

[ananyabr]

Sir where do u write that client details?

[raveendraravikala]

hi sir
, i have an error in route guards canActivate child in child routing. i attached code. please rectify error in that code below and error out also

{
path:'admin',
canActivateChild:[AdminAccessGuard],
children:[
{
path:'',
component:AdminComponent,

},
{path:'manage', component:AdminManageComponent},
{path:'edit', component:AdminEditComponent},
{path:'delete', component:AdminDeleteComponent},
]
},

main.ts:6 ERROR Error: Uncaught (in promise): TypeError: guard is not a function
TypeError: guard is not a function
at router.mjs:3432:56
at R3Injector.runInContext (core.mjs:8501:20)
at router.mjs:3432:37
at Array.map (<anonymous>)
at router.mjs:3427:43
at Observable._subscribe (defer.js:5:19)
at Observable._trySubscribe (Observable.js:37:25)
at Observable.js:31:30
at errorContext (errorContext.js:19:9)
at Observable.subscribe (Observable.js:22:21)
at resolvePromise (zone.js:1214:31)
at resolvePromise (zone.js:1168:17)
at zone.js:1281:17
at _ZoneDelegate.invokeTask (zone.js:409:31)
at core.mjs:25299:55
at (core.mjs:25299:36)
at _ZoneDelegate.invokeTask (zone.js:408:60)
at Object.onInvokeTask (core.mjs:25607:33)
at _ZoneDelegate.invokeTask (zone.js:408:60)
at Zone.runTask (zone.js:178:47)

[netiksharma]

I am working in Angular 14 and canActivatedChild is not working