wie Browser URL-Parameter zu verbergen angular2 Routing

Question

wie Browser URL-Parameter angular2 Routing ausblenden? Ich habe folgendes Problem:

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

Ich brauche den Parameter in der URL zu verstecken und erhalten:

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

Die Route durch den folgenden Code definiert:

app.routing.ts:

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

ProductDetail.ts

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

Answer 1

Wenn auf die gewünschte Route navigiert wird, könnten Sie skipLocationChange verwenden:

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