javascript - 使用 http 客户端从服务器获取值并将其用于后续步骤

Question

我有一个如下所示的函数，我需要调用服务器并获取该函数返回的值。我正在使用 rxjs 订阅。我得到了该值，但由于 rxjs 是异步的，该函数在从服务器获取该值之前返回。下面是一个伪代码来解释我想要做什么:

..

let myValue = getValue();
private getValue(): string {
	let val = '';
    this.httpClient.get('/server url', { observe: "response" }).subscribe(res => {
                val = res.headers.get('X-Some-Header-Name');
            });}
    return val;
}
..

我知道 subbscribe 会立即返回，因此函数 getValue 不会从服务器返回值。有没有办法让函数仅在 observable 返回时返回值？

Answer 1

正如 @satanTime 已经在 his answer 中指出的那样，您应该使用 HttpClient 返回的 Observable。

然后，您还可以使用 async pipe 在模板中使用 myValue ，例如:

<p>{{myValue | async}}</p>

引用:https://angular.io/guide/observables-in-angular