How to hide angular2 browser url parameter

Question

how to hide angular2 browser url parameter? I have the following problem:

I need to hide a parameter in a url and get:

The route is determined by the following code:

app.routing.ts:

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

ProductDetail.ts

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

+3

Maurizio rizzo June 30. 17 at 13:50

1 answer

Zach newburgh · Answer 1 · 2017-06-30T16:23:31+0000

When navigating your desired route, you can use skipLocationChange

:

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