How do I implement route guards and redirects in Angular CLI?

How do I implement route guards and redirects in Angular CLI?

To implement route guards in Angular CLI, you can create a guard using the command: ng generate guard guardName. This will create a guard file where you can define your logic for allowing or denying access to routes.

What kind of logic can I use in the route guard?

You can use logic based on user authentication, roles, or any condition that determines if a user should access a route. For example, checking if a user is logged in.

How do I set up a redirect if the guard denies access?

You can set up a redirect in the guard's canActivate method by returning false and using the Router service to navigate to a different route.

Can you show me an example of the code for that?

Sure! Here's a simple example:

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

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

  canActivate(): boolean {
    const isLoggedIn = false; // Replace with actual login check
    if (!isLoggedIn) {
      this.router.navigate(['/login']);
      return false;
    }
    return true;
  }
}