How do I implement authentication guard redirects in Angular CLI?

How do I implement authentication guard redirects in Angular CLI?

To implement authentication guard redirects in Angular CLI, you need to create an authentication guard using the Angular Router. This guard will check if a user is authenticated before allowing access to certain routes.

What code do I need for the authentication guard?

You can create a guard using the Angular CLI command ng generate guard auth. In the generated guard file, implement the canActivate method to check authentication status.

How do I check if a user is authenticated?

You can check if a user is authenticated by using a service that manages user sessions. Typically, this service will have a method like isLoggedIn() that returns a boolean.

Can you show me an example of the guard implementation?

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;
  }
}