Ionic 4中navigateForward不触发页面构造函数无法获取路由参数怎么办

该问题不属于操作错误，是Ionic默认的页面缓存机制导致的正常表现：Ionic会将已打开过的页面缓存到导航栈中，当目标页面已经存在于导航栈时，不会重新创建页面实例，所以构造函数不会执行，仅会触发ionViewWillEnter等页面可见相关的生命周期钩子。而router.getCurrentNavigation()方法仅在导航执行过程中（也就是构造函数执行的时间段）能拿到有效值，导航完成后就会返回null，因此你在ionViewWillEnter中调用该方法自然拿不到参数。

这个问题和NavController本身无关，所以你替换成router.navigate也不会解决问题。

• 方案1：直接通过window.history.state读取参数（最简便）
  Angular路由的state参数最终会挂载到浏览器History对象上，你可以在任意生命周期钩子中直接读取，不需要依赖getCurrentNavigation，无需修改原有跳转逻辑，仅调整参数读取逻辑即可，示例代码：

ionViewWillEnter() {
  // 直接从history中取state参数
  if (window.history.state?.fullArtist) {
    this.artistInfoParams.fullArtist = window.history.state.fullArtist;
    this.artistInfoParams.simpleSearch = window.history.state.simpleSearch;
  }
}

• 方案2：使用全局单例服务做参数中转
  你可以创建一个公共的参数传递服务，单例全局注入，跳转前将参数存入服务，目标页面ionViewWillEnter中读取后立即清空参数避免脏数据，适合传递超大复杂对象或兼容低版本运行环境的场景，示例：

1. 定义公共服务

@Injectable({ providedIn: 'root' })
export class NavParamsService {
  private params: Record<string, any> = {};

  setParams(key: string, value: any) {
    this.params[key] = value;
  }

  getParams(key: string) {
    const value = this.params[key];
    // 读取后立即删除，避免残留旧数据
    delete this.params[key];
    return value;
  }
}

2. 跳转时存参数

this.navParamsService.setParams('artistInfo', {
  fullArtist: item,
  simpleSearch: true
});
this.navCtrl.navigateForward(['artist-info-page']);

3. 目标页面读参数

ionViewWillEnter() {
  const params = this.navParamsService.getParams('artistInfo');
  if (params) {
    this.artistInfoParams = params;
  }
}

• 方案3：改用queryParams传参
  如果参数是可序列化的简单类型/普通对象，你可以把参数序列化后放到queryParams中，在目标页面通过ActivatedRoute读取：
  跳转逻辑：

this.navCtrl.navigateForward(['artist-info-page'], {
  queryParams: {
    // 复杂对象转JSON字符串
    fullArtist: JSON.stringify(item),
    simpleSearch: true
  }
});

读取逻辑：

constructor(private activatedRoute: ActivatedRoute) {}

ionViewWillEnter() {
  const queryParams = this.activatedRoute.snapshot.queryParams;
  this.artistInfoParams.fullArtist = JSON.parse(queryParams.fullArtist);
  this.artistInfoParams.simpleSearch = queryParams.simpleSearch === 'true';
}

该方案缺点是不能传递方法、循环引用等无法序列化的内容，且参数会暴露在地址栏。

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