解决FIRST组件时的角度显示加载动画

Question

我实现了一个加载动画，该动画显示了微调器对Angular的路由器事件（NavigationStart，NavigationEnd）的反应，效果很好。但是最初调用的第一个组件可能具有一个从API提取数据的解析器，有时需要两个以上的时间来加载。但是我没有收到任何路由器事件，因此不会显示加载动画。此外，当组件被解析后，路由器上也没有任何事件。.任何想法如何为第一个被调用组件实现加载指示器？

检查此流程：

1. AppComponent已启动

2. 在加载AppComponent之后，从index.html加载的动画消失了（很好）

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

该组件的

4. Resolver开始从API提取数据。

5。由于路由器此时未发出任何事件，因此未显示加载动画。

1. 解析器已完成，组件已加载。

2. 通过路由切换组件。

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

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

Answer 1

以下是解决方法：

router-outlet的输出为（activate）=“ activate（$ event）”，可用于隐藏额外的加载信息。