angular - 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}},
    ]
  },
]},

我想在与 MyHotelsComponent 和 MyHotelComponent 相同的路由器插座上显示 MyRoomComponent。我还想保留来自父路由的解析数据。

标签： angulartypescriptrouter-outlet

Answer 1

你可以有

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

看到必须把“rooms/room”放在“:hotelId”之前，第一个路由器Angular找到第一个组件serve