检查服务中的HTTP状态- Angular6

Question

我正在做Angular6项目，现在工作得很好。我正在尝试在http请求时添加一个旋转器。

用于所有http请求的Angular服务。

如何在请求时检查http状态，以便显示spinner。

有一堆http请求，所以我不想为所有的请求手动添加微调器。

如何在Angular6中使用更少的脚本来实现这一点？(如果可能，全部集中在一个地方)

Answer 1

首先，为了进行服务调用，您可能要使用可观察对象。

1)为您的html页面添加一个微调模板，其中*ngIf表示布尔变量。

2)在订阅可观察对象之前，即在发出http请求之前，将变量设置为true (这将显示旋转器)，并在接收到响应时将变量设置为false (这将隐藏旋转器)。

Eg代码：

this.loader = true; //This line shows the loader
this.YourService.getData().subscribe((response)=> {
    this.loader = false; //This line hides the loader.
})