Angular 2 Router how to hide browser url parameter Id's and give alias names

[vijender reddy]

I am trying to route from EmployeeLIst to employeeDetail after I click on employee with ID 23. How do I route to employeeDetail/23 but on browser URL show the user an alias like /EmployeeDetails?

Background

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

http://localhost:3444/employeedetail/23.

Here I want to hide that 23 on the browser URL, why do i want to show the ID which can be sensitive. In UI-Router we used to have URL="something" and that URL is visible on the browser URL. Don't we have similar in Angular2 like passing RouteParams and have custom name on the browser URL instead of the Route name itself.

Example

http://plnkr.co/edit/QgehylornOgXhTaZX8Yn?p=preview

{path: 'crisis-center/:id/:id2', component: CrisisDetailComponent}




I want to hide those IDs on the browser URL and instead present an alias route name. we used to have path and then name in the RC-2 router but after it got deprecated dont we have alias name for browser url path ?