Angular7 生命周期挂钩和路由

dev*_*per 5 angular angular7

我只是好奇当我们在当前页面中使用 router.navigate 时会调用哪些生命周期钩子,比如说重新加载页面。

constructor(private router: Router) { }
reload () {
    this.router.navigate(['/currentpage']);
} 
Run Code Online (Sandbox Code Playgroud)

Yas*_*ami 5

这是顺序

  • 构造函数
  • ngOnChanges
  • ngOnInit
  • ngDoCheck
  • ngOnDestroy
  • ngAfterContentInit
  • ngAfterContentChecked 内容检查后
  • ngAfterViewInit
  • ngAfterViewChecked

路由器事件允许您跟踪路由器的生命周期。路由器事件的顺序如下:

  • 导航开始
  • 路由配置加载启动
  • 路由配置加载结束
  • 已识别的路线
  • 警卫检查开始
  • 子激活开始
  • 激活开始
  • 守卫检查端
  • 解决开始
  • 解决结束
  • 激活结束
  • 子激活结束
  • 导航结束
  • 导航取消
  • 导航错误
  • 滚动