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'];
})
When navigating to the desired route, you could use skipLocationChange
:
this.router.navigate(['/product-detail'], { queryParams: this.id, skipLocationChange: true});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With