CODEWITHSUNDEEP
angularroutes
Maurizio Rizzo
Maurizio Rizzo

Reputation: 601

how to hide browser url parameter angular2 routing

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

http://localhost:4200/product-detail/590f643acaa7dca998c2e5bd

I need to hide the parameter in the URL and get:

http://localhost:4200/product-detail/

The route is defined 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'];
  })

Upvotes: 5

Views: 10889

Answers (1)

Zach Newburgh
Zach Newburgh

Reputation: 564

When navigating to the desired route, you could use skipLocationChange:

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

Upvotes: 2

Related Questions