升级Angular 15后Router getCurrentNavigation始终返回null求助

核心原因1：getCurrentNavigation()的生命周期限制 #

this.router.getCurrentNavigation()仅能在路由导航正在进行的过程中返回有效对象。一旦导航完成（比如组件初始化流程进入后期），该方法就会返回null。而history.state是浏览器History API维护的全局状态，只要路由跳转完成后状态未被覆盖，就能随时获取到。

核心原因2：Angular 15的路由流程优化 #

Angular 15对路由导航的内部实现做了优化，缩短了导航上下文的存活时间。相比旧版本，getCurrentNavigation()的有效调用窗口变得更窄——比如之前在ngOnInit中还能拿到结果的场景，现在可能因为导航流程提前结束，导致方法返回null。

核心原因3：路由复用策略的影响 #

如果项目启用了自定义RouteReuseStrategy，当组件B被复用的情况下，再次进入不会触发完整的导航流程，此时getCurrentNavigation()无法获取新的state，但history.state会同步浏览器最新的路由状态，因此能正常拿到。

可行的解决办法 #

• 若坚持使用getCurrentNavigation()，务必在组件初始化的最早时机调用（比如constructor内，或者ngOnInit的第一行代码），不要放在异步操作之后。
• 改用ActivatedRoute的navigation Observable监听导航事件，稳定获取state：

constructor(private route: ActivatedRoute) {
  this.route.navigation.subscribe(nav => {
    const state = nav?.extras?.state ?? {};
    // 处理你的state逻辑
  });
}

• 直接使用history.state，但要注意：如果存在连续路由跳转的场景，需确保拿到的是当前路由对应的state。

内容的提问来源于stack exchange，提问作者ibrahimgb