Angular 6:HTTP调用结束时的事件调用

时间:2018-12-10 16:18:07

标签: javascript angular typescript http javascript-events

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

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

由于这是一个异步调用,因此组件的视图不会使数据立即可见,因此需要刷新它。 我想知道是否有一个事件(类似于生命周期挂钩事件)在http调用结束时触发。这样,我只能在正确的时间刷新一次。谢谢!

1 个答案:

答案 0 :(得分:2)

.subscribe方法是一种可观察到的触发操作,监听其事件和完成情况的方法。

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的事件)视为单个事件的事件发射器。