时间戳

首页 > 解决方案 > 从 url 隐藏查询参数

angular - 从 url 隐藏查询参数

问题描述

从一个组件我导航到另一个组件并传递一些参数。我也想传递查询参数，但我不希望它出现在 url 中。我尝试使用skiplocationchange，但是它可以工作，但是当我们从父级导航到子级时，url 没有改变。所以我不想使用skiplocationchange。

this._router.navigate(['/detailReports',id],{queryParams:{reportName : name},queryParamsHandling:"merge"});

所以在这里reportName我只是希望它在路由器中，以便我以后可以得到这个道具。但我不希望它显示在 url 中。

标签： angulartypescriptangular8

解决方案

你可以这样：

来自页面：

this.router.navigate(['/detailReports],{state:params})

到页面：

constructor(){ let params = this.router.getCurrentNavigation().extras["state"] ? this.router.getCurrentNavigation().extras["state"] : "" } `

推荐阅读