javascript - HTTP 调用结束时的事件调用

Question

我正在使用 Angular 6 开发 Web 应用程序。我有一个问题:我对http 调用 没有太多经验。我的问题是:在某个组件的某个方法中，我进行了异步调用，如下所示:

this.http.get(url, config).pipe(
    map(response => {
        this.options = response;
    }),
).subscribe();

由于是异步调用，我的组件 View 不会立即显示数据，我需要刷新它。我想知道是否有一个事件(类似于生命周期钩子(Hook)事件)在 http 调用结束时触发。这样我只能在正确的时间刷新一次。谢谢!

Answer 1

.subscribe 方法是 observable 触发操作并监听其事件和完成的方式。

this.http.get(url, config).pipe(
    map(response => {
        this.options = response;
    }),
).subscribe(() => console.log('Got data here, you know that the request is done'));

一般来说，您可以将可观察对象(如 http.get 返回的对象)视为通过 .subscribe 的单个事件的事件发射器 + 添加的能力复杂的管道操作。