假设我有这个路由配置
exp或t const EmployeeRoutes = [
{ path: 'sales', component: SalesComponent },
{ path: 'contacts', component: ContactsComponent }
];
并通过这个URL导航到SalesComponent
/department/7/employees/45/sales
现在我想转到contacts，但由于我没有绝对路由的所有参数(例如，上例中的部门ID，7)，我更喜欢使用相对链接，例如.
[routerLink]="['../contacts']"
或
this.router.navigate('../contacts')
which unf或tunately doesn't w或k. There may be an obvious solution but I'm not seeing it. Can anyone help out here please?
如果您使用的是新路由(3.0.0-beta2)，则可以使用ActivatedRoute导航到相对路径，如下所示:
constructor(private router: Router, private r:ActivatedRoute) {}
///
// DOES NOT WORK SEE UPDATE
goToContact() {
this.router.navigate(["../contacts"], { relativeTo: this.r });
}
current route: /department/7/employees/45/sales个
the old version will do: /department/7/employees/45/sales/contacts个
根据@KCarnaille的 comments ，上述内容不适用于最新的路由.新的方法是把.parent加到this.r
// Working(08/02/2019)
// DOES NOT WORK SEE UPDATE
goToContact() {
this.router.navigate(["../contacts"], { relativeTo: this.r.parent });
}
the update will do: /department/7/employees/45/contacts
正如@ziz194提到的那样，它现在是这样工作的.
constructor(private router: Router, private r:ActivatedRoute) {}
goToContact() {
this.router.navigate(["contacts"], { relativeTo: this.r });
}