如何隐藏浏览器url参数angular2路由

Question

how to hide browser url parameter angular2 routing?如何隐藏浏览器url参数angular2路由？ I have the following problem:我有以下问题：

I need to hide the parameter in the URL and get:我需要隐藏 URL 中的参数并获取：

The route is defined by the following code:路由由以下代码定义：

app.routing.ts: app.routing.ts：

 export const AppRoutes: any = [
 .....
 { path: "product-detail/:id", component: ProductDetailComponent }
 .....
 ];

ProductDetail.ts产品详情.ts

  this.route.params.subscribe(params => {
    this.id = params['id'];
  })

Answer 1

导航到所需路线时，您可以使用skipLocationChange ：

this.router.navigate(['/product-detail'], { queryParams: this.id, skipLocationChange: true});