#Angular Router Guards Pt.1: CanActivate vs CanActivateChild (2021)
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) 📣
https://bit.ly/angular-material-theming-workshop
✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left)
📣 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
Видео #Angular Router Guards Pt.1: CanActivate vs CanActivateChild (2021) канала Decoded Frontend
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) 📣
https://bit.ly/angular-material-theming-workshop
✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left)
📣 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
Видео #Angular Router Guards Pt.1: CanActivate vs CanActivateChild (2021) канала Decoded Frontend
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![CanLoad Guard in Angular Router & Preloading Strategies (2021)](https://i.ytimg.com/vi/HMJA05iGtfY/default.jpg)
![CanDeactivate Guard in Angular Router (2021)](https://i.ytimg.com/vi/FBFI6scpgHI/default.jpg)
![Angular Performance Optimization using Pure Pipes (2020, Advanced)](https://i.ytimg.com/vi/YsOf90RZfss/default.jpg)
![](https://i.ytimg.com/vi/lA3oeBFq1JQ/default.jpg)
![Angular Authentication: Using Route Guard](https://i.ytimg.com/vi/4dgCArSsyS4/default.jpg)
![I am a Google Developer Expert in Angular 🎉](https://i.ytimg.com/vi/jYG4jSMoNqw/default.jpg)
![Routing and Navigation in Angular | Mosh](https://i.ytimg.com/vi/tUCa3JcFILI/default.jpg)
![Role Based Authorization in Angular 12 - Tutorial for Beginners & Advanced](https://i.ytimg.com/vi/g3pq8WamEmE/default.jpg)
![Angular Dependency Injection – Understanding hierarchical injectors (2021)](https://i.ytimg.com/vi/G8zXugcYd7o/default.jpg)
![Angular Tutorial - 21 - Fetch Data Using HTTP](https://i.ytimg.com/vi/LmIsbzt-S_E/default.jpg)
![Structural Directives in Angular – How to Make It Strict (In-Depth)](https://i.ytimg.com/vi/fsGzxyHi6yY/default.jpg)
![SOLID Design Principles in #Angular (Advanced, 2021)](https://i.ytimg.com/vi/Y-MRJ9QYCvI/default.jpg)
![RxJs Schedulers - Why do we need them? (Advanced, 2021)](https://i.ytimg.com/vi/-OhAR6l-Q0Q/default.jpg)
![Resolver Guard in Angular Router (2021)](https://i.ytimg.com/vi/BLLO2x7_R5M/default.jpg)
![How to Contribute to Angular Material — Step-by-Step Guide (2022)](https://i.ytimg.com/vi/h1sNrTgKdtY/default.jpg)
![Control Value Accessor in Angular [Advanced, 2020]](https://i.ytimg.com/vi/OrmIfW8Ak3w/default.jpg)
![Angular 5 to 8 Years Experienced Mock Interview |Angular Experienced Interview questions and answers](https://i.ytimg.com/vi/zLAFAS5YF2M/default.jpg)
![Angular Tutorial - 23 - Routing and Navigation](https://i.ytimg.com/vi/Nehk4tBxD4o/default.jpg)
![Angular Design Patterns – Bridge [Advanced, 2020]](https://i.ytimg.com/vi/2rQOu9TmuxE/default.jpg)
![Complete Angular Auth Guard In 22 Minutes](https://i.ytimg.com/vi/rbTTn3QtFHE/default.jpg)