Angular 2路由器如何隐藏浏览器URL参数Id并给出别名

Question

如何路由到employeeDetail/23，但向用户表示/EmployeeDetails等别名网址？

背景

我正在尝试实施Angular 2路由，当我转到详细信息部分时，我看到：

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

我希望在浏览器网址上隐藏23。

示例

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

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

我想在浏览器URL上隐藏这些ID，而是显示别名路由名称。

Answer 1

在呼叫此路线的地方使用“ skipLocationChange” （假设23是您的empId）：

this.router.navigateByUrl("/employeedetail/"+empId,  { skipLocationChange: true });