> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/angular/how-to/guard-children-routes.md).

# Guard Children Routes

If you want to apply an `AuthGuard` to **specific child components** in an Angular route configuration (while allowing other routes to be accessible without authentication), you can simply apply the `canActivate` (or `canLoad`) property at the child route level, rather than at the parent route level. This way, only the specific child routes will be protected by the guard.

1. **Define Routes with AuthGuard Applied to Specific Children**

{% code title="src/app-routing.module.ts" %}

```typescript
...

const routes: Routes = [
....
  {
    path: '',
    component: AdminLayout,  // Parent route
    children: [
      {
        path: 'dashboard', // Child route that requires authentication
        loadChildren: () => import('./demo/pages/dashboard/dashboard.module').then((m) => m.DashboardModule),,
        canActivate: [AuthGuard], // Applying AuthGuard only to this child route
      },
      ....
     ]
    }
  ....
  ]
```

{% endcode %}