angular - routerLink 的相对链接/部分路由

Question

在我的应用中，一些 URL 采用以下形式

/department/:dep/employee/:emp/contacts

在我的侧边栏中，我显示了所有员工的列表，每个员工都有一个 [routerLink] 链接到该员工的联系人

<ul>
    <li>
        <a [routerLink]="['/department', 1, 'employee', 1, 'contacts']"></a>
    <li>
    <li>
        <a [routerLink]="['/department', 1, 'employee', 2, 'contacts']"></a>
    <li>
    ...
</ul>

但是，使用这种方法我总是需要提供完整路径，包括所有参数(如上例中的 dep)，这非常麻烦。有没有办法只提供部分路线，比如

<a [routerLink]="['employee', 2, 'contacts']"></a>

(没有 department 部分，因为我真的不关心那个 View 中的 department 并且我的感觉是这无论如何都违背了关注点分离)？

Answer 1

这应该有效。前导的/使其成为绝对路由，没有它(或有./)，它就成为相对于当前路由的相对路由。您还可以使用 ../(或 ../../ 或更多)相对于父级或父级父级进行路由。