angular active gaurd example

 ng g guard <name>

give u 4 different options from that select one

import { Injectable } from '@angular/core';

import { CanActivate, CanActivateChild, CanDeactivate, CanLoad,  Route, UrlSegment, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree }  from '@angular/router';

import { Observable } from 'rxjs';

@Injectable({

  providedIn: 'root'

})

export class GuardNameGuard implements CanActivate, CanActivateChild,  CanDeactivate<unknown>, CanLoad {

  canActivate(

    next: ActivatedRouteSnapshot,

    state: RouterStateSnapshot): Observable<boolean | UrlTree>  | Promise<boolean | UrlTree> | boolean | UrlTree {

    return true;

  }

  canActivateChild(

    next: ActivatedRouteSnapshot,

    state: RouterStateSnapshot): Observable<boolean | UrlTree>  | Promise<boolean  | UrlTree> | boolean | UrlTree {

    return true;

  }

  canDeactivate(

    component: unknown,

    currentRoute: ActivatedRouteSnapshot,

    currentState: RouterStateSnapshot,

    nextState?: RouterStateSnapshot): Observable<boolean | UrlTree>  | Promise<boolean | UrlTree> | boolean | UrlTree {

    return true;

  }

  canLoad(

    route: Route,

    segments: UrlSegment[]): Observable<boolean> | Promise<boolean>  | boolean {

    return true;

  }

}

here i selected all so generated details study needed on this