具有无组件路由的 CanActivate 与 CanActivateChild

From the docs:

正如我们了解使用 CanActivate 保护路由一样，我们还可以使用 CanActivateChild 保护来保护子路由。 CanActivateChild 守卫与 CanActivate 守卫类似，但不同之处在于它在每个子路由被激活之前运行。我们保护我们的管理功能模块免受未经授权的访问，但我们也可以保护我们的功能模块中的子路由。

这是一个实际的例子：

导航到 /admin canActivate 已选中 您在 /admin 路由的子级之间导航，但不会调用 canActivate ，因为它保护 /admin canActivateChild 在其定义的路由的子级之间发生更改时被调用。

我希望这对您有所帮助，如果仍然不清楚，您可以通过添加调试它们的守卫来检查特定功能。

在现实世界中，我觉得为父母及其所有孩子使用同一个警卫是多余的。

举个更好的例子，假设您有管理员用户的角色（编辑/查看），您可以为“编辑”标签添加保护。

    RouterModule.forChild([
      {
        path: 'admin',
        component: AdminComponent,
        canActivate: [AuthGuard],  //1 - redirect to login page if not logged in
        children: [
          //View Access
          {
            ......
          },
          //Edit Access
          {
            path: '',
            canActivateChild: [EditGuard], //2 - display "you don't have Edit permission to access this page"
            children: [
              { path: 'crises', component: ManageCrisesComponent },
              { path: 'heroes', component: ManageHeroesComponent },
              { path: '', component: AdminDashboardComponent }
            ]
          }
        ]
      }
    ])

我还混淆了 angular2 关于 routeGuard 的文档。 CanActivate 防护和 CanActivateChild 防护有什么区别。

我有一些发现，希望对你有所帮助。

在 auth-guard.service.ts 文件中

  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
let url: string = state.url;

return this.checkLogin(url);
}

canActivateChild(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
return this.canActivate(route, state);
}

因为在 canActivateChild 函数中调用了 canActivate 方法。您可以编写一段不调用 canActivateChild 函数中的 canActivate 方法的代码片段。

我能想到的一个原因是超时。

我开始使用 Angular 2，使用身份验证提供程序。此提供程序使已空闲超过一定时间的会话到期。

在您让计算机保持登录状态并且会话过期的常见情况下，您尝试的下一次导航必须验证您当前的情况。如果您在子路由之间导航，我认为 CanActivateChild 是检测过期会话并触发重定向登录的守卫，而 CanActivate 根本不会触发。

免责声明：这来自我的头脑，我还没有实现它。

如果您定义了 10 个孩子怎么办。

如果他们都有共同的要求，那么 canActivateChild 只需要去一个地方，而不是每个孩子 10 个canActivate。

TL;DR： CanActivate 和 CanActivateChild 不适用于无组件路由。

我相信文档只是忽略了无组件路线中两个守卫的必要性，因为其目的只是为了在文档的特定里程碑中展示无组件路线以及在另一个中使用两个守卫。

在特定场景中使用这两种保护非常有用，例如：允许登录查看多个组件的管理仪表板，如邮件、日志统计、资源使用等 - 在此级别，访问受到 CanActivate 保护的限制- 当试图导航到每个组件时，每个管理员用户的角色由 CanActivateChild 守卫检查。