title: how to hide browser url parameter angular2 routing
body: <p>how to hide browser url parameter angular2 routing?
  I have the following problem:</p>
  
  <p><a href="http://localhost:4200/product-detail/590f643acaa7dca998c2e5bd" rel="noreferrer">http://localhost:4200/product-detail/590f643acaa7dca998c2e5bd</a></p>
  
  <p>I need to hide the parameter in the URL and get:</p>
  
  <p><a href="http://localhost:4200/product-detail/" rel="noreferrer">http://localhost:4200/product-detail/</a></p>
  
  <p>The route is defined by the following code:</p>
  
  <p>app.routing.ts:</p>
  
  <pre><code> export const AppRoutes: any = [
   .....
   { path: "product-detail/:id", component: ProductDetailComponent }
   .....
   ];
  </code></pre>
  
  <p>ProductDetail.ts</p>
  
  <pre><code>  this.route.params.subscribe(params =&gt; {
      this.id = params['id'];
    })
  </code></pre>