Angular 6, как я могу вернуться к родителю, а затем перейти к ребенку в router.navigate ()

Question

Привет, у меня есть родительский компонент 'Порядок' и два дочерних компонента для него 'История' и 'Заказы'.Текущий URL-адрес order/history/id Я хочу вернуться к компоненту «Заказы» like order/orders/id, поэтому я использую Маршрутизатор в своем приложении.

this.router.navigate(['../../orders', orderId]); 

в компоненте истории, как указано в Как мнеперейти к родительскому маршруту из дочернего маршрута? , но он показывает cannot match any routes url segment orders/7y6786 Каков наилучший подход для решения этой проблемы?Спасибо.

Answer 1

Поскольку вы используете навигацию внутри компонента, вы можете использовать службу ActivatedRoute.

Поэтому в вашем компоненте истории попробуйте сделать следующее:

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

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