使用Router传递State时获取异常及getCurrentNavigation返回null问题

这个问题我之前踩过坑，主要原因不外乎这两个：

1. 调用时机不对 #

this.router.getCurrentNavigation()仅在导航流程进行中能拿到有效对象，一旦导航完成（比如组件进入ngAfterViewInit生命周期，或者在用户点击按钮这类后续事件里调用），这个方法就会返回null。你大概率是在组件初始化的后期，或者某个交互事件里尝试获取它——这时候导航早就结束了，自然拿不到extras属性。

2. 路由守卫可能中断了导航上下文 #

你的目标组件配置了canActivate: [RedirectGuard]，如果这个守卫内部有重定向操作（比如调用router.navigate()跳转到其他路由），会直接打断当前的导航流程，导致getCurrentNavigation()的上下文丢失，最终返回null。可以检查下RedirectGuard的逻辑，看看有没有这类操作。

针对上述原因，给你几个可行的方案：

方案一：在ngOnInit中立即获取 #

确保在组件初始化的最早时机（ngOnInit钩子）调用getCurrentNavigation()，这时候导航还未完全结束，能拿到完整的导航对象：

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  // 组件元数据
})
export class CourseComponent implements OnInit {
  constructor(private router: Router) {}

  ngOnInit(): void {
    const navigation = this.router.getCurrentNavigation();
    if (navigation?.extras?.state) {
      const isFirst = navigation.extras.state.isFirst;
      // 处理你的业务逻辑
    }
  }
}

方案二：通过window.history.state读取状态 #

如果因为组件复用、延迟操作等原因没法在ngOnInit里获取，可以直接从浏览器历史记录中读取——Angular会把导航时传入的state存在window.history.state里：

// 注意嵌套结构：window.history.state里的state才是你传入的对象
const isFirst = window.history.state?.state?.isFirst;

方案三：检查并调整路由守卫逻辑 #

如果RedirectGuard里有重定向操作，会直接终止当前导航导致getCurrentNavigation()失效。可以调整守卫逻辑，仅在必要时重定向，或者改用服务等其他方式传递需要的状态。

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