一个以上保护的路由器canActivateChild

Question

我正在使用多个canActivateChild警卫，如下所示：

{path: 'admin', canActivateChild : [AdminAuthGuard, EmployeeAuthGuard], children: adminRoutes }

以下是管理警卫的定义：

canActivateChild() : boolean {
   const role = localStorage.getItem('role');
   if(role === 'admin') {
     return true;
   }
   else {
     return false;
   }
}

我有非常类似的员工警卫，我正在检查作为雇员的角色。上述代码的问题是：

1. 如果我的第一个守卫返回错误，第二个守卫根本没有被执行。
2. 如果我的第一个守卫返回真，我的第二个守卫返回假。这条路线当时也失败了。

注意：我的守卫是同步的，但我仍然面临着这个问题。请告诉我怎么解决这个问题？

实际代码要比这复杂得多。这只是一个获得帮助的示例代码。

Answer 1

在检查两个返回值的其他两个警卫之外创建一个组合保护：

class CombinedGuard {
  constructor(private adminGuard: AdminAuthGuard, private employeeGuard: EmployeeAuthGuard) {}

  canActivate(r, s) {
        // defined your order logic here, this is a simple AND
        return this.adminGuard.canActivate(r, s) && this.employeeGuard.canActivate(r,s)
  }
}

然后在路由中使用该CombinedGuard：

{path: 'admin', canActivateChild : [CombinedGuard], children: adminRoutes }

受How to wait for guards in Angular启发