Guards API

APIs for route protection using guards.

gatekeeperGuard

Functional guard for route protection (Angular 17+).

Usage

const routes: Routes = [
  {
    path: 'dashboard',
    component: DashboardComponent,
    canActivate: [gatekeeperGuard],
  },
];

Type

const gatekeeperGuard: CanActivateFn = (route, state) => {
  // Implementation
};

gatekeeperLoadGuard

Functional guard for lazy-loaded routes (Angular 17+).

Usage

const routes: Routes = [
  {
    path: 'admin',
    loadChildren: () => import('./admin.routes'),
    canLoad: [gatekeeperLoadGuard],
  },
];

Type

const gatekeeperLoadGuard: CanLoadFn = (route, segments) => {
  // Implementation
};

Route Configuration

Routes can override global middleware:

const routes: Routes = [
  {
    path: 'admin',
    component: AdminComponent,
    canActivate: [gatekeeperGuard],
    data: {
      gatekeeper: {
        middlewares: [adminPipeline],
        onFail: '/unauthorized',
      },
    },
  },
];

Next Steps

• Route Protection - Complete route protection guide
• Interceptors API - HTTP protection APIs