我可以使用父路由器出口显示child-> child rout吗？

Question

例如，我有以下路线：

/page-此页面具有路由器出口

用户单击按钮时，他会转到/page/detail/1。

路线改变了，但是内容没有重新绘制。

我做错了什么？

我可以使用父路由器出口显示child-> child rout吗？

如果我做不到，那如何正确？

const appRoute:Routes=[{
  path:'',redirectTo:'/page',pathMatch:'full'
}]

const pageRoutes:Routes=[
  {
    path:'page',component: ListComponent
    ,children:[{
      path:'detail/:id',component:DetailComponent
    }]

  }];

如果我更改为：

const appRoute:Routes=[{
  path:'',redirectTo:'/page',pathMatch:'full'
},{ path:'page/detail/:id',component:DetailComponent}]

然后工作，但这看起来很丑，我认为有更好的解决方案...

stackblits

Answer 1

您不能将父级替换为子级组件。

要使用子级路由，您需要在父级模板内添加一个位置。子组件只能在此处渲染。