Angular 可在角度布线中激活防护装置，无需重复；CanActivate“；财产

我希望在路由中使用canActivate guard，而不重复

canActivate:[AuthGuard]

代码如下

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' }
        },
  ]
}];

---

在您的示例中，您可以使用

---

因此，此身份验证保护将应用于所有子路由

我认为您正在寻找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' }
        },
  ]
}];

---

Tooked from:

引用此官员我想在主路径中也使用canActivate”/Users“我想在主路径中也使用canActivate”/Users“我想在主路径中也使用canActivate”/Users

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' }
        },
  ]
}];