Functional Route Guarding with Authentication State Verification

import { inject } from '@angular/core';
import { CanActivateFn, Router } from '@angular/router';
import { AuthService } from './auth.service';
 
export const requireRoleGuard = (requiredRole: string): CanActivateFn => {
  return (route, state) => {
    const authService = inject(AuthService);
    const router = inject(Router);
 
    if (authService.hasRole(requiredRole)) {
      return true;
    }
    return router.createUrlTree(['/unauthorized'], { queryParams: { returnUrl: state.url } });
  };
};