角度経路ガード：Or対And

Question

私はルートガードを使用して私の角度アプリケーションのフロントエンドを確保するために取り組んでいます。過去にそれらを使って作業し、オンラインで調べる際に、複数のガードをルートに追加するには、すべてがtrueを返してアクセスできるようにする必要があります。

しかし、の1つだけをに戻してアクセスを許可する場合はどうすればよいですか？ 例えば

（代わりに& &の||のように）、私のルートガードは、ユーザーのトークンに一定の役割を探します。

@Injectable() 
export class ActiveRoleGuard implements CanActivate { 
    constructor(private sessionService: SessionService, private router: Router) { } 


    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
     let token = this.sessionService.getToken(); 

     if (!token) { 
      return false; 
     } 

     if (token.role.toLowerCase().indexOf("active") < 0) { 
      this.router.navigate(["/issue"]); 
      return false; 
     } 

     return true; 
    } 
} 

そして

@Injectable() 
export class AdminRoleGuard implements CanActivate { 
    constructor(private sessionService: SessionService, private router: Router) { } 


    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
     let token = this.appSessionService.getToken(); 

     if (!token) { 
      return false; 
     } 

     if (token.role.toLowerCase().indexOf("admin") < 0) { 
      this.router.navigate(["/issue"]); 
      return false; 
     } 

     return true; 
    } 
} 

私がいた場合それらをルータモジュールで普通に組み合わせると、...

{path: "someroute", component: SomeComponent, canActivate: [ActiveRouteGuard, AdminRouteGuard]}

...しかし、ユーザーにはActiveとAdminの両方が必要です。しかし、Activeとのいずれかを適用する場合は、Adminまたはaのいずれかを強制したい場合はどうすればよいですか？

それはそうのようなAPI に強制するために簡単です：

[Authorize(Roles = "Active")] 
[Authorize(Roles = "Admin, Manager")] 
public class SomeController : ApiController 

が、私は角度でこれをどのように行うのですか？

Answer 1

2つの別々の実装があるのではなく、 "設定"できる単一のバージョンを使用することができます。これを行うには、dataプロパティのRouteを利用できます。たとえば、あなたのルートでは、あなたが何か行うことができます。これを使用して

{ 
    path: "someroute", 
    component: SomeComponent, 
    canActivate: [RoleRouteGuard], 
    data: { 
     requiredRoles: ["Role1", "Role2", "Role3"] 
    } 
} 

を、既存のCanActivate実装の1つを取り、それをより汎用的にすることができます。 requiredRolesのプロパティはdataからActivatedRouteSnapshotを経由してアクセスできます。例えば：

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
    const requiredRoles = route.data.requiredRoles; 
    .... 

あなたがこれを持ってたら、トークンの役割は、アレイ内にある場合は、必ず、必要なActive役割を持っているし、その後ワン場合は、など、など、

を確認することができますAdminまたはManagerロールの場合は、これを拡張して複数のdataプロパティを持つこともできます。たとえば、requiredRolesとatLeastOneOfRolesがあり、これに応じて処理するロジックを更新することができます。この時点では多くのオプションがありますが、それについては助けが必要とは思われません。