可以在阵列中定义Angular 2路由器防护装置。例如:
<code>
canActivate: ['CanAlwaysActivateGuard','AuthGuard']
</code>
以下是我的问题:
我遇到了这个问题,并在搜索答案时遇到了您的帖子。找不到 - 并且今天有一些时间 - 我想出了一个我认为你可能感兴趣的解决方案。我创建了一个“CompositeRouteGuard”:
import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
import {Injectable, Injector} from '@angular/core';
import { Observable } from "rxjs";
@Injectable()
export class CompositeRouteGuard implements CanActivate {
constructor( protected router: Router,
protected injector: Injector ) {
}
canActivate( route: ActivatedRouteSnapshot, state: RouterStateSnapshot ): Observable<boolean> {
var compositeCanActivateObservable: Observable<boolean> = Observable.of(true);
let routeGuards = route.data.routeGuards;
if(routeGuards){
for( var i = 0; i < routeGuards.length; i++ ){
let routeGuard = this.injector.get(routeGuards[i]);
let canActivateObservable = routeGuard.canActivate(route, state);
compositeCanActivateObservable = compositeCanActivateObservable.flatMap( (bool) => {
if(!bool){
return Observable.of(false);
}
else{
return canActivateObservable;
}
});
}
}
return compositeCanActivateObservable;
}
}
这需要在routes.ts中进行一些额外的配置。您需要将“routeGuards”数组添加到路径的数据元素中。
const routes: Routes = [
{
path: '...',
component: AComponent,
data: { routeGuards: [ FooRouteGuard, BarRouteGuard, BazRouteGuard ] },
canActivate: [ CompositeRouteGuard ]
},
...
我只关心canActivate动作,但你应该能够轻松扩展它,如果你需要,可以说“canDeactivate”(例如)。
现在我的路线守卫以“和”语义“按顺序”运行(所有必须成功激活路线)。
两个警卫的执行顺序是什么。
它们将同步运行而无需相互等待。
如果我想仅在CanAlwaysActivateGuard返回true时才执行AuthGuard,那么这是可能的。
不,目前的实施是不可能的。作为一种解决方法,您可以创建一个包装警卫,以便按顺序运行您的警卫。
对于当前版本,您可以使用子路由器,例如:
{
path:'your-path',
canActivate:[
'CanAlwaysActivateGuard'
],
canActivateChild:[
'AuthGuard'
],
children:[
]
}