Angular有没有办法动态调用模板中的promise函数并返回文本

Question

我有两个servince.ts功能

getSessions(): Promise<UserSessionInterface[]> {
    return this.sessioAPI.find()
        .toPromise()
        .then(response => response as UserSessionInterface);
}
getUserDetails(id: string): Promise<any> {
    return this.sessioAPI.getUser(id)
        .toPromise()
        .then(response => response.firstName + ' ' + response.lastName)
        .catch(this.handleError);
}

我在component.ts上像这样打电话给他们

getSessions() {
    this._service.getSessions()
        .then(result => {
            this.results = result;
        });
}

getUserDetails(id?: string) {
    return this._service.getUserDetails(id)
        .then(result => {
            console.log('Inside result : ' + result);
            this.userName = result;
        });
} 

getUserName(id: string) {
    return this.getUserDetails(id);
}

我知道我可以在组件内部使用单个请求并将结果分配给全局变量。

但是，我想要的是在getUserName内动态调用*ngFor函数，并将Promise的结果直接作为字符串返回。

提前致谢。