CanActivate guard in angular routing without repeating "CanActivate " property

Question

I want to use the canActivate guard in routing without repeating the

canActivate: [AuthGuard],

code like below

import { AuthGuard } from 'src/app/core/guards/auth.guard';
 
const routes: Routes = [{
  path: '', data: { title: 'Users' },
  children: [
    {
          path: 'createuser',
          canActivate: [AuthGuard],
          component: UserComponent,
          data: { title: 'Create User' }
        },
     {
          path: 'updateuser',
          canActivate: [AuthGuard],
          component: UpdateUserComponent,
          data: { title: 'Update User' }
        },
  ]
}];

Refer this official [Angular documentation](https://angular.io/api/router/CanActivateChild) — AmitKhiwal, Sep 10 '20 at 05:46

score 0 · Answer 1 · answered Sep 10 '20 at 05:29

In your example you can use canActivateChild

import { AuthGuard } from 'src/app/core/guards/auth.guard';
 
const routes: Routes = [{
  path: '', data: { title: 'Users' },
  canActivateChild: [AuthGuard],
  children: [
    {
          path: 'createuser',
          component: UserComponent,
          data: { title: 'Create User' }
        },
     {
          path: 'updateuser',
          component: UpdateUserComponent,
          data: { title: 'Update User' }
        },
  ]
}];

so this auth guard will be applied to all children

I want to use canActivate in the main path also "/Users" – Piumi ganegoda Sep 10 '20 at 06:00 — Piumi ganegoda, Sep 10 '20 at 06:00

score 0 · Answer 2 · answered Sep 10 '20 at 05:34

I think you're looking for CanActivateChild, it lets you specify a guard for all child routes

import { AuthGuard } from 'src/app/core/guards/auth.guard';
 
const routes: Routes = [{
  path: '', data: { title: 'Users' }, canActivateChild: [AuthGuard]
  children: [
    {
          path: 'createuser',
          component: UserComponent,
          data: { title: 'Create User' }
        },
     {
          path: 'updateuser',
          component: UpdateUserComponent,
          data: { title: 'Update User' }
        },
  ]
}];

Tooked from: https://angular.io/api/router/CanActivateChild

I want to use canActivate in the main path also "/Users" – Piumi ganegoda Sep 10 '20 at 05:58 — Piumi ganegoda, Sep 10 '20 at 05:58

CanActivate guard in angular routing without repeating "CanActivate " property

2 Answers2