Angular4中无法获取查询参数问题求助（使用PrimeNG框架）

嘿，我一眼就看出问题在哪儿了——你在if(cause)代码块里重新用let声明了一个局部的navigationExtras变量，这就导致函数顶部定义的那个变量根本没被修改！当你调用router.navigateByUrl时，始终传入的是初始值{queryParams : {cause: false}}，所以目标组件自然拿不到正确的查询参数。

修复方法1：直接修改原有变量（最直观） #

去掉if块里的let，直接更新已存在的navigationExtras对象：

navigateUrl(company:any, cause?:boolean) { 
  let navigationExtras = {queryParams : {cause: false}}; 
  let navigateToUrl = '/home/policy/menu/' + company.policyId+ '/' + encodeURIComponent(company.name) + '/' + company.companyId + '/branches'; 
  if(cause) { 
    // 去掉let，直接修改已有的对象属性
    navigationExtras.queryParams.cause = true;
    // 或者直接重新赋值整个对象：navigationExtras = {queryParams : {cause: true}};
  } 
  this.router.navigateByUrl(navigateToUrl, navigationExtras); 
}

修复方法2：初始化时直接用条件赋值（更简洁） #

可以一开始就根据cause参数的值来初始化navigationExtras，省去if判断：

navigateUrl(company:any, cause?:boolean) { 
  // 用!!cause把可能的undefined转为布尔值，确保queryParams的类型正确
  let navigationExtras = {queryParams : {cause: !!cause}}; 
  let navigateToUrl = '/home/policy/menu/' + company.policyId+ '/' + encodeURIComponent(company.name) + '/' + company.companyId + '/branches'; 
  
  this.router.navigateByUrl(navigateToUrl, navigationExtras); 
}

补充：目标组件获取查询参数的正确方式 #

如果目标组件还没正确获取参数，记得通过ActivatedRoute来读取：

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  // 一次性获取快照（组件不复用的情况）
  const causeValue = this.route.snapshot.queryParamMap.get('cause');
  // 注意：get返回的是字符串，需要转布尔值的话可以用 causeValue === 'true'

  // 如果组件会被复用（比如路由参数变化但组件不销毁），记得订阅变化
  this.route.queryParamMap.subscribe(params => {
    const causeValue = params.get('cause');
    // 处理你的业务逻辑
  });
}

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