时间戳

首页 > 解决方案 > 检查服务中的 HTTP 状态 - Angular6

httprequest - 检查服务中的 HTTP 状态 - Angular6

问题描述

我正在从事 Angular6 项目，现在工作正常。我正在尝试在 http 请求时添加微调器。

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

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

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

如何在 Angular6 中使用更少的脚本来实现这一点？（如果可能，都在一个地方）

标签： httprequestangular6angular-services

解决方案

首先，要进行服务调用，您可能正在使用 Observables。

1) 使用 *ngIf 为布尔变量添加微调器模板到您的 html 页面。

2) 在订阅 observable 之前，即在发出 http 请求之前，将变量设为 true（这将显示微调器）并在接收到响应时将变量设为 false（这将隐藏微调器）。

例如代码：

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

推荐阅读