如何让Angular父模块路由守卫自动生效于所有子模块路由？

核心解决方案 #

在父级路由（pages模块中指向AdminModule的路由）同时配置canActivate和canActivateChild守卫，无需在子模块的每个路由中重复添加canActivateChild。Angular路由系统会自动让父路由的canActivateChild作用于所有子层级路由（包括懒加载的子模块路由）。

代码修改步骤 #

1. 修改pages-routing.module.ts的路由配置
   在admin路由中同时添加canActivate和canActivateChild：

   {
       path: 'admin',
       loadChildren: () => AdminModule,
       canActivate: [AuthGuard],
       canActivateChild: [AuthGuard]
   },
   

2. 简化admin-routing.module.ts的路由配置
   删除每个子路由中的canActivateChild配置：

   {
       path: 'dashboard',
       loadChildren: () => DashboardModule
   },
   {
       path: 'allusers',
       loadChildren: () => AllUsersModule
   },
   

原理说明 #

• 你的AuthGuard已经实现了CanActivate和CanActivateChild接口，且canActivateChild直接复用了canActivate的验证逻辑，完全适配该场景。
• Angular路由规则中，父路由的canActivateChild守卫会自动应用于其下所有子路由（无论嵌套多少层），无需在每个子路由上重复配置。
• 父路由的canActivate会先验证访问权限，通过后才会触发子路由的canActivateChild检查，既保证了父路由的访问合法性，也自动覆盖所有子路由的权限验证。

内容的提问来源于stack exchange，提问作者M Nouman