Angular 4 - CanActivate检查组件是否为路由

Question

在CanActivate中，有一种方法可以检查用户路由/请求哪个组件以进行身份​​验证。因此，我不想像我在下面那样检查网址，而是想做像if（route.component instanceof MyComponent）这样的事情。

我正在实现基于角色的访问，能够将每个角色配置为具有不同组件的不同访问级别（查看，编辑等）。所以我认为最简单的方法是让当前组件成为路由，然后检查该组件的访问级别，而不是为每个组件创建不同的AuthGard。

我试图通过检查网址来做到这一点，但当网址中包含参数时，它的套管问题。

 canActivate(route: ActivatedRouteSnapshot,
        state: RouterStateSnapshot) {       
            let ac = this.auth.getAccessConfig();
            switch (state.url) {
                case '/site':
                    return ac.some(x => x.moduleID == AccessModulesEnum.Site && x.permissionID == AccessPermissionEnum.View);
                case '/site/new':
                    return ac.some(x => x.moduleID == AccessModulesEnum.Site && x.permissionID == AccessPermissionEnum.Modify);
                case '/site/:id': ***//this doesn't work as :id could be anything***
                    return ac.some(x => x.moduleID == AccessModulesEnum.SiteDetail && x.permissionID == AccessPermissionEnum.View);
                case '/reports/milestone':
                    return ac.some(x => x.moduleID == AccessModulesEnum.MilestoneReport && x.permissionID == AccessPermissionEnum.View);
                case '/reports/audit':
                    return ac.some(x => x.moduleID == AccessModulesEnum.AuditReport && x.permissionID == AccessPermissionEnum.View);
                case '/reports/schedule':
                    return ac.some(x => x.moduleID == AccessModulesEnum.ReportScheduler && x.permissionID == AccessPermissionEnum.View);
                case '/importer':
                    return ac.some(x => x.moduleID == AccessModulesEnum.Import && x.permissionID == AccessPermissionEnum.View);
                case '/reports':
                    return ac.some(x => x.moduleID == AccessModulesEnum.SiteReport && x.permissionID == AccessPermissionEnum.View);
                case '/admin/users':
                    return ac.some(x => x.moduleID == AccessModulesEnum.User && x.permissionID == AccessPermissionEnum.View);
                case '/admin/tables':
                    return ac.some(x => x.moduleID == AccessModulesEnum.ReferenceTable && x.permissionID == AccessPermissionEnum.View);
                default:
                    return false;
            }
        });
    }

另一个问题：是否可以使用路径配置中的参数调用AuthGard，例如{path：'site /：id'，component：SiteDetail，canActivate：[（callCustomeAuthGard（'SiteDetailComponent'）]

谢谢

Answer 1

已经找到了上述问题的解决方案，使用route.routeConfig.path来检查路径路径而不是url，它将类似于'site /：id'而不是'site / 2'。

但是如果有更好的方法可以进行如上所述的角色基础身份验证。

Answer 2

你试过route.component吗？ According to the docs，这应该包含被路由到的组件类。

如果是这样，激活防护可以询问组件类所需的权限。

Answer 3

您的ActivatedRouteSnapshot（您在canActivate函数中使用的路由参数）包含该组件。

所以你可以使用：

if (route.component === MyComponent) {
  // Do something
}