使用 Angular 7 http 拦截器加载微调器在页面重新加载时不起作用答案

【问题标题】：Loading spinner using angular 7 http interceptor is not working on page reload使用 Angular 7 http 拦截器加载微调器在页面重新加载时不起作用
【发布时间】：2020-05-10 02:08:59
【问题描述】：

我已经编写了 HTTP 拦截器来显示每个 REST 调用的加载器微调器。除了页面重新加载之外，此服务在所有其他实例上都可以正常工作。如果我们以编程方式导航或在屏幕上执行某些操作，则会为所有 Rest 调用加载加载器微调器。

但在页面加载或重新加载时不起作用。

有人可以提出解决方案吗？

【问题讨论】：

Angular 并不总是重新发送请求。最好将代码放入启动路由守卫中。
拦截器加载器只有在服务被调用时才能工作。并在页面加载后调用服务，直到那时您需要检查路由器事件以使加载器工作

标签： angular angular-http-interceptors

【解决方案1】：

在index.html 内部重用加载器屏幕的 HTML 和 CSS。将样式放在 <style></style> 标记和 HTML inside 你的根组件中。

<style>CSS goes here</style>

<app-root>HTML goes here</app-root>

【讨论】：