如果我在一条路线上指定了三个守卫,似乎所有守卫都会被立即评估。
{路径:'',组件:OptionsComponent,canActivate:[GuardOne,GuardTwo,GuardThree]}
我遇到的问题是我不希望 GuardTwo
在 GuardOne 完成之前运行。有什么办法可以实现吗?
最佳答案
我认为这在 4.1.3 中是不可能的。 Here是运行守卫的代码:
private runCanActivate(future: ActivatedRouteSnapshot): Observable<boolean> {
const canActivate = future._routeConfig ? future._routeConfig.canActivate : null;
if (!canActivate || canActivate.length === 0) return of (true);
const obs = map.call(from(canActivate), (c: any) => {
const guard = this.getToken(c, future);
let observable: Observable<boolean>;
if (guard.canActivate) {
observable = wrapIntoObservable(guard.canActivate(future, this.future));
} else {
observable = wrapIntoObservable(guard(future, this.future));
}
return first.call(observable);
});
return andObservables(obs);
}
这个简化的部分:
// array of all guards
canActivate.map((guard)=>{
observable = guard.canActivate()
})
按顺序运行所有守卫,无需等待前一个完成。
一个可能的解决方案是拥有一个实现 CanActivate
并结合其他守卫的服务:
class Combined {
constructor(private gA: GuardA, private gB: GuardB) {}
canActivate(r, s) {
return gA.canActivate(r, s).then(()=>{ return gB.canActivate() });
}
}
...
{path: '', component: OptionsComponent, canActivate: [ Combined ]}
关于javascript - 如何在 Angular 中等待守卫,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44460661/