隐藏 url 中的查询参数

Question

我从一个组件导航到另一个组件并传递一些参数。 我也想传递查询参数，但我不想在 url 中看到它。 我尝试使用skiplocationchange，但后来成功了，但是当我们从父级导航到子级时，url 不会改变。 所以我不想使用skiplocationchange。

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

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

Answer 1

你可以喜欢这个：

从页面：

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

到页面：

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