在我的 Angular2 应用程序中,我使用 canActivate 来允许访问页面。 其中一部分是向服务器检查 token 是否未被篡改,因此在我决定是否可以授予用户访问权限之前,我需要调用我的 api。 这意味着订阅一个 Observable 并等待答案。
我需要返回 true 或 false,但由于我进行了异步调用,我无法根据我的响应返回。 我意识到我不能等待,因为它是单线程的,但我需要以某种方式阻塞,直到我从 api 得到答案。 我的 canActivate 如下所示:
canActivate() {
this.guardClient.checkToken("token")
.subscribe(response => {
let responseText = response.text().replace(/"/g, '');
if ( responseText === 'Ok')
{
return true;
}
if(responseText === 'denied') {
this.router.navigate(['login']); // redirecting to login
return false;
}
});
}
有人可以告诉我如何解决这个问题吗?
最佳答案
当查看 Angular 2 中的 CanActivate 界面时,我看到以下内容:
export interface CanActivate {
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean;
}
正如你所看到的,你也可以返回一个 Observable,而不仅仅是一个 bool 值。 这意味着您的代码可以像这样重写。
canActivate() {
return this.guardClient.checkToken("token")
.map(response => {
let responseText = response.text().replace(/"/g, '');
if ( responseText === ' Ok')
{
return true;
}
if(responseText === 'denied') {
this.router.navigate(['login']); // redirecting to login
return false;
}
});
}
这将使 Angular 等待可观察对象解析,然后再决定是否可以显示路线。 请注意,此方法应该非常快,以避免加载缓慢。
关于javascript - 等待可观察的订阅 Angelar2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39947081/