What are Angular CLI guards and how do I use them?

What are Angular CLI guards and how do I use them?

Angular CLI guards are used to control access to routes in an Angular application. They help in protecting routes from unauthorized access.

Can you explain the different types of guards available?

Sure! There are four main types of guards: CanActivate, CanActivateChild, CanDeactivate, and Resolve. Each serves a different purpose in route protection.

How do I implement a CanActivate guard?

To implement a CanActivate guard, you need to create a service that implements the CanActivate interface and then register it in your routing module.

Can you show me a code example?

Certainly! Here's a simple example:

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';

@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
  canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): boolean {
    // Your authentication logic here
    return true; // or false based on the logic
  }
}