angular - 如何在 Angular 5 中进行同步调用？

Question

所以，我试图找到这个问题的解决方案。但是，不知何故我无法这样做，可能是因为缺乏 Angular 5 的知识。这是我的服务:

GetCurrentUserData(): Observable<ResponseData> {
    return this.http.get<ResponseData>(ApplicationURLS.GetCurrentUserInformation)
        .map(response => {
            return response;
        });
    //.catch(error => this.handleError(error));
}

这是我的组件:

public GetCurrentUserInformation(): any {

        return this.loginService.GetCurrentUserData().subscribe(data => { return data; });
    }

我在这里尝试访问数据:

ngAfterViewInit() {
        debugger;                
        this.responseData = this.GetCurrentUserInformation();
        if (this.responseData.code != responseCodes.success) {
            this.googleInit();
        }

    }

当我检查 this.responseData 时，它总是返回这个而不是我想要的数据:

我只想进行同步调用，以便立即获取数据。

我也尝试在服务中使用 do() 但它返回的 do() 不是一个函数。

Answer 1

这可以通过使用 async/await 简化 🔥🔥

public GetCurrentUserInformation(): Promise<any>{
    return this.loginService.GetCurrentUserData().toPromise()
}

ngAfterViewInit

async ngAfterViewInit() {    
        this.responseData = await this.GetCurrentUserInformation(); // 🧙‍♂️ 
        if (this.responseData.code != responseCodes.success) {
            this.googleInit();
        }
    }