Angular中点击链接后URL查询参数无法显示问题求助

你的代码里URL不显示page参数的核心原因是设置了skipLocationChange: true——这个配置会让Angular路由器在导航时不更新浏览器地址栏，所以即便逻辑正常执行，URL也不会产生变化。

修改方案非常直接，移除skipLocationChange: true即可（该参数默认值为false，无需额外设置）：

selectPage(page: number) {
  this.router.navigate([], { 
    relativeTo: this.route, 
    queryParams: { 'page': page}, 
    queryParamsHandling: 'merge'
  });
}

如果需要保留其他配置项，仅删除skipLocationChange: true这一行就行。修改后点击链接，浏览器URL就会正确显示?page=123（或对应传入的页码）的查询参数了。

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