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);
      }
    });
  }
}