Angular 2 Router how to hide browser url parameter Id's and give alias names
<p>How do I route to <code>employeeDetail/23</code> but represent to the user an alias URL like <code>/EmployeeDetails</code>?</p>

<hr>

<p><strong>Background</strong></p>

<p>I'm trying to implement Angular 2 routing and when I went to the detail section I see:</p>

<pre><code>http://localhost:3444/employeedetail/23.
</code></pre>

<p>Here I want to hide that <code>23</code> on the browser URL.</p>

<hr>

<p><strong>Example</strong></p>

<p><a href="http://plnkr.co/edit/QgehylornOgXhTaZX8Yn?p=preview" rel="nofollow">http://plnkr.co/edit/QgehylornOgXhTaZX8Yn?p=preview</a></p>

<pre><code>{path: 'crisis-center/:id/:id2', component: CrisisDetailComponent}
</code></pre>

<p>I want to hide those IDs on the browser URL and instead present an alias route name.</p>