Angular 12 authguard startup template

 

//login.guard.ts

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

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

import { Observable } from 'rxjs';

@Injectable({

  providedIn: 'root'

})

export class LoginGuard implements CanActivate  {

  constructor( private routes: Router ){}

  canActivate(

    route: ActivatedRouteSnapshot,

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

      if (localStorage.getItem('session') != null) {

        return true;

      }

      else {

        this.routes.navigate(['/login']);

        return false;

      }

    // return true;

  }

 /*  canActivateChild(

    childRoute: 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 | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {

    return true;

  } */

}

Github public :

https://github.com/doktoralban/angularauthguard