angular - 解析第一个组件时的角度显示加载动画

Question

我实现了一个加载动画，它显示了一个微调器对 Angular 的路由器事件（NavigationStart、NavigationEnd）做出反应，效果很好。但是最初调用的第一个组件可能有一个从 API 获取数据的解析器，有时需要超过 2 秒的时间来加载。但我没有得到任何路由器事件，所以加载动画没有显示。此外，当组件被解析时，路由器上没有任何事件。任何想法如何为第一个调用的组件实现加载指示器？

检查此流程：

1. AppComponent 被引导

2. 加载 AppComponent 后，来自 index.html 的加载动画消失了（很好）

3. 路由确定要加载的组件。

4. 该组件的解析器开始从 API 获取数据。

5. 没有加载动画，因为此时路由器没有发出任何事件。

6. 解析器完成并加载组件。

7. 通过路由切换组件。

8. 路由器发出事件（显示加载动画）

注意：当然，我的 index.html 中也有一个加载动画，但这不是我想要的......

Answer 1

以下是修复：

有router-outlet一个 Output (activate)="activate($event)" 我可以用来隐藏额外的加载信息。