Angular7 生命周期钩子和路由

Question

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

constructor(private router: Router) { }
reload () {
    this.router.navigate(['/currentpage']);
} 

Answer 1

这是序列

• 构造函数
• ngOnChanges
• 初始化
• ngDoCheck
• 销毁时
• 内容初始化后
• ngAfterContentChecked
• ngAfterViewInit
• ngAfterViewChecked

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

• 导航开始
• 路由配置加载开始
• 路由配置加载结束
• 路线识别
• GuardsCheckStart
• 儿童激活开始
• 激活开始
• GuardsCheckEnd
• 解决开始
• 解决结束
• 激活结束
• 子激活结束
• 导航结束
• 导航取消
• 导航错误
• 滚动

Answer 2

使用this.router.navigate(['/currentpage']); 在/currentpage仅触发AfterViewChecked 。