Angular Router Guards are very powerful feature which gives you control over access to some certain route. In this video tutorial we will have a look at 2 of available routes: CanActivate and CanActivateChild. We will see use-cases for both of them and figure out how to properly choose between them. As a bonus part I will show you a design pattern called "Component-Less Route". Thanks for your attention and enjoy watching ;)
đź“Ł Become a Pro in Angular Material Theming (Advanced Workshop) đź“Ł http://bit.ly/angular-material-theming-workshop âś… Use 20%-off coupon code: HELLO-SUMMER-2021
đź“Ł Blazing fast GraphQL Backend just in 1 Day with Hasura Engine đź“Ł https://bit.ly/complete-hasura-course âś…
20%-off coupon code: HASURA-EASY-START
00:00:00 - Intro; 00:00:55 - Project Overview; 00:04:40 - Implementation of CanActivate Guard; 00:11:25 - Restrictions of CanActivate Guard; 00:16:11 - CanActivateChild Guard in Action; 00:18:26 - Component-Less Route Pattern; 00:24:15 - Outro;
đź”— Link to the source code on GitHub: https://github.com/DMezhenskyi/angular-router-guards-example
#angularrouter #canactivate #canactivatechild #webdevelopment #angulartip #frontend