How do I handle errors with Angular CLI guards?

How do I handle errors with Angular CLI guards?

You can handle errors in Angular CLI guards by implementing the CanActivate interface and using error handling logic within it.

Can you give me an example of a guard with error handling?

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

What if I want to log the error instead of just redirecting?

You can modify the guard to log the error using a logging service. For example:

if (!this.authService.isLoggedIn()) {
  this.loggingService.log('Unauthorized access attempt');
  this.router.navigate(['/login']);
  return false;
}

Are there any best practices for implementing guards?

Yes, some best practices include keeping guards simple, using services for complex logic, and ensuring they are reusable across your application.