angular5 - Angular5中新的路由器生命周期是什么？

Question

我是Angular2 / 4/5的新手，几天前，我使用TypeScript在Angular5中启动了新项目。

我必须跟踪组件中路由的周期。

有可能实现吗？

非常感谢您的宝贵意见。提前致谢。

Answer 1

它使开发人员可以跟踪路由器从运行防护开始到激活完成的周期。

新事件（依次）是GuardsCheckStart，ChildActivationStart，ActivationStart，GuardsCheckEnd，ResolveStart，ResolveEnd，ActivationEnd，ChildActivationEnd。

这些事件可用于诸如在孩子正在更新时在特定路由器出口上显示微调框之类的功能，或用于衡量防护和/或分解器的性能。

使用这些事件启动/停止微调器的示例可能如下所示：

class MyComponent {
  constructor(public router: Router, spinner: Spinner) {
    router.events.subscribe(e => {
      if (e instanceof ChildActivationStart) {
        spinner.start(e.route);
      } else if (e instanceof ChildActivationEnd) {
        spinner.end(e.route);
      }
    });
  }
}