Migrating to Functional Router Guards in Angular

Class-based router guards are officially deprecated in favor of simple, functional guards. Functional guards reduce boilerplates and can be written directly inline. For code modernization consulting, hire an Angular consultant India to audit your architecture.

How to Implement Functional Guards

Functional guards are plain functions of type `CanActivateFn`. You can inject services directly inside the function using the `inject` utility:

const authGuard: CanActivateFn = (route, state) => {
  const authService = inject(AuthService);
  return authService.isLoggedIn() ? true : inject(Router).createUrlTree(['/login']);
};