title: Hide part of url in angular 2/4
body: <p>I am using angular 4 .I have a situation where i have to route to another component by using router.navigate like following. </p>
  
  <pre><code>url="/screenpath/firstScreen"
  this._router.navigate(["/path/guided/"+url]);
  </code></pre>
  
  <p>which will be route as </p>
  
  <pre><code>localhost:4200/path/guided/screenpath/firstScreen
  </code></pre>
  
  <p>Setting of url is dynamic based on the screenPath i am getting from the rest end point.Now my <strong>question</strong> is</p>
  
  <ol>
  <li>Is it possible to hide the url part from being shown in the browser.I dont want to hide the full url but only "url" ie i want to show only </li>
  </ol>
  
  <blockquote>
    <p>localhost:4200/path/guided/</p>
  </blockquote>
  
  <p>I know skipLocationChange will hide the url.But this hides the whole url which i dont want.</p>
  
  <p>Please help.Any help is appreciated. </p>