What are the different Guards present in Angular?

Guards in Angular help us in controlling access to certain routes of our application, unless a criteria is matched. Angular provides the following interfaces for us to implement and create Guards for required use cases:

1. CanActivate - navigation to an individual route corresponding to a component
2. CanActivateChild - navigation to all the child routes and components of a specific route
3. CanDeactivate - guards the exit from a component route and allows on a matching criteria
4. CanLoad - lets the application lazyload all the routes of a module only if a condition is met
5. Resolve - helps in prefetching all the component data before the route is activated.

Angular Posted Oct 26, 2020