Angular 2路由器如何隐藏浏览器url参数Id'；s并给出别名

如何路由到

employeeDetail/23

，但向用户表示一个别名URL，如

/EmployeeDetails

---

背景

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

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

我想在这里隐藏浏览器URL上的

23

---

示例

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

从调用此路由的位置使用“skipLocationChange” （假设23是您的empId）：

---

那么您希望url为，并且希望显示id 23的详细信息？您可能需要将id存储在本地存储器中，以便在刷新时保持该id。另外，您是否希望深入链接到此页面？如果是这样，您必须链接到类似的内容，保存到本地存储，然后重定向到。这就是你想要的吗？这真的有意义吗。从书签打开时，此URL是否有效。如果两名员工的名字是dame呢？伙计们，当我点击员工列表时，我会转到员工详细信息，为什么我要在浏览器URL上显示他的Id，我想隐藏它，但使用RouteParams将Id传递到下一页。在UI路由器中，我们曾经传递stateparms，但它曾经有URL=“something”，这只显示在浏览器URL上，而不是实际的ID。为什么要使用本地存储呢？我们没有可以显示在浏览器URL上的别名之类的东西。再次感谢您的回复。完全同意@GünterZöchbauer的说法将其保存到localstorage中没有任何意义，但此状态依赖于太多的状态，失败的机会更多method@VijenderReddyChintalapudi你能给出你的答案吗

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

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