如何解决在方法以角度10运行之前,构造函数中的承诺未完成
角度10构造函数中oidc-client的承诺花费的时间太长,无法解决,在构造函数将de值放入用户变量之前,将调用isLoggedIn函数。
这是我的代码:
import { UserManager,UserManagerSettings,User } from 'oidc-client';
export class AuthService {
private user: User = null;
private manager = new UserManager(getClientSettings());
privatecachedRequests: Array<HttpRequest<any>> = [];
constructor() {
this.manager.getUser().then(user => {
this.user = user;
});
}
isLoggedIn(): boolean {
return this.user != null && !this.user.expired; <= this.user is null because the constructor did not finished the async part
}
此代码在8号角工作
当我在isLoggedIn方法中调用getUser()函数时,它起作用了,但是我想从构造函数中使用它
解决方法
使用Rxjs
作为代理。
import {Subject } from 'rxjs',<-- add this
export class AuthService {
private user: User = null;
private manager = new UserManager(getClientSettings());
privatecachedRequests: Array<HttpRequest<any>> = [];
private loginSubject= new Subject()<-- add this line
constructor() {
this.manager.getUser().then(user => {
this.user = user;
if(this.user != null && !this.user.expired)
{
this.loginSubject.next(true)
} else{
this.loginSubject.next(false)
}
});
}
isLoggedIn(): Observable<boolean> {
return this.loginSubject.asObservbale();<-- avoid leak
}
您可以在canActivate中返回Observable
import { Injectable } from '@angular/core';
import { CanActivate,Router,ActivatedRouteSnapshot,RouterStateSnapshot } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import {map} from 'rxjs/operators';
@Injectable()
export class AuthGuard implements CanActivate {
constructor(private authService:AuthService,private router: Router) { }
canActivate(route: ActivatedRouteSnapshot,state: RouterStateSnapshot): Observable<boolean> {
return this.authService.isLoggedIn().pipe(
map(res => {
if (res) {
return true;
} else {
this.router.navigate(['/login']);
return false
}
})
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。