Angular 6如何在router.navigate（）中回到父级然后到子级

Question

嗨，我有一个父组件“ Order”和两个子组件，分别是“ History”和“ Orders”。当前网址为callFromThread，我想回到“订单”组件order/history/id，以便在应用中使用路由器。

like order/orders/id

在How do I navigate to a parent route from a child route?中建议在历史记录部分中

，但显示this.router.navigate(['../../orders', orderId]); 的最佳方法是什么？谢谢。

Answer 1

在组件内部使用导航时，可以使用ActivatedRoute服务。

因此，在“历史记录组件”中，尝试执行以下操作：

constructor(
  private route: ActivatedRoute,
  private router: Router
) {}

navigateToOrders() {
  this.router.navigate(['orders', orderId], { relativeTo: this.route.parent })
}