angular - 角度路由中的 CanActivate 保护，无需重复“CanActivate”属性

Question

我想在路由中使用 canActivate 保护而不重复

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

标签： angularangular-routingangular-router-guardsangular-guards

Answer 1

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

取自： https ://angular.io/api/router/CanActivateChild