What are some examples of route guards in Angular?

What are some examples of route guards in Angular?

In Angular, route guards are used to control access to routes. Examples include CanActivate, CanDeactivate, and Resolve.

Can you explain how CanActivate works?

Sure! CanActivate is a guard that determines if a route can be activated. It returns true or false based on conditions you define.

What about CanDeactivate? How is it different?

CanDeactivate is used to prevent users from navigating away from a route. It checks if the user can leave the current route.

Can you give me a code example for CanActivate?

Certainly! Here's a simple example:

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

@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
  canActivate(
    next: ActivatedRouteSnapshot,
    state: RouterStateSnapshot): boolean {
    return this.isLoggedIn(); // Your logic here
  }
  isLoggedIn() {
    // Check if user is logged in
    return true; // or false
  }
}