What are some examples of authentication guards in Angular?

What are some examples of authentication guards in Angular?

In Angular, authentication guards are used to control access to routes. For example, you can create an AuthGuard that checks if a user is logged in before allowing access to certain routes.

Can you show me a code example of an AuthGuard?

Sure! Here's a simple AuthGuard implementation:

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;
    } else {
      this.router.navigate(['/login']);
      return false;
    }
  }
}

What other types of guards are there in Angular?

Besides AuthGuard, Angular also has CanDeactivate, Resolve, and CanLoad guards. Each serves different purposes for route management.

How do I implement a CanDeactivate guard?

To implement a CanDeactivate guard, you create a service that implements the CanDeactivate interface. It checks if a user can leave a route.