Angular 6: Как отобразить компонент в розетке его родителя?

Question

Есть ли способ отобразить компонент в роутер-выходе его родителя? Это мои маршруты:

{
path: 'myHotels', component: MyHotelsParentComponent,
resolve: {myHotels: MyHotelsResolver},
children: [
  {path: '', component: MyHotelsComponent},
  {
    path: ':hotelId', component: MyHotelComponent,
    resolve: {myHotel: MyHotelResolver, categories: CategoriesResolver},
    children: [
      {path: '', component: MyRoomsComponent},
      {path: 'rooms/:roomId', component: MyRoomComponent, resolve: {myRoom: MyRoomResolver}},
    ]
  },
]},

Я хочу отобразить MyRoomComponent на том же маршрутизаторе, что и MyHotelsComponent и MyHotelComponent. Я также хочу сохранить мои разрешенные данные, поступающие из родительских маршрутов.

Answer 1

Вы можете иметь

   {path:'',
    children:[
      {path:'rooms/room'...},
      {path:':hotelId'...}
    ]
   }

Обратите внимание, что вы должны поставить "rooms/room" перед ":hotelId", первый маршрутизатор Angular найдет первую компонентную подачу