What are authentication guards in Angular?

What are authentication guards in Angular?

Authentication guards are services that control access to routes in Angular applications based on user authentication status.

How do I implement an authentication guard?

You can implement an authentication guard by creating a service that implements the CanActivate interface and defining your logic.

Can you show me a code example?

Sure! Here's a simple example:

import { Injectable } from '@angular/core';
import { CanActivate, Router } from '@angular/router';
import { AuthService } from './auth.service';

@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
  constructor(private authService: AuthService, private router: Router) {}

  canActivate(): boolean {
    if (this.authService.isLoggedIn()) {
      return true;
    }
    this.router.navigate(['/login']);
    return false;
  }
}

What other types of guards are there?

In addition to CanActivate, there are CanActivateChild, CanLoad, and Resolve guards, each serving different purposes.