如何在 Angular 5 中为每个 HTTP 请求显示微调器？

我是 Angular 5 的新手。如何编写一个通用函数来为 Angular 5 中的每个 HTTP 请求显示微调器。请帮我实现这个。

您可以使用角度Http拦截器 https://angular.io/api/common/http/HttpInterceptor显示满足您所有要求的微调器，这是一个很好的关于如何实现 http 拦截器的 Medium 文章 https://medium.com/@ryanchenkie_40935/angular-authentication-using-the-http-client-and-http-interceptors-2f9d1540eb8

此外，您还必须创建一个微调器服务/模块并将其注入您的 http 拦截器中。最后，在您的拦截方法中，您可以使用finallyrxJs 方法来停止你的微调器。这是一个简单的实现：

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    this.spinnerService.start();
    return next.handle(req).finally(res => this.spinnerService.stop() );
}

Enjoy!

奖金：这是一个Spinner 服务实现示例 https://stackoverflow.com/questions/45323108/angular-4-show-a-loading-gif-for-each-http-request