如何正确使用路由器插座

Question

嗨，我有以下代码：app.routing.module

 const routes: Routes = [   
 {path: '', redirectTo:'/head', pathMatch:'full'},
 {path:'head',component: HeadComponent},
 {path:'main',component: MainComponent},
 ];

头上有：

<router-outlet></router-outlet>

它应该自动导航到main，但不是。 我需要做空所有组件的根.regards

Answer 1

头中的路由器出口只会渲染头子，而您根本没有。

您的路线已设置为自动在应用程序组件的路由器出口中渲染头部。 Head没有孩子，因此不会渲染main。 您需要在head的子级中添加main。

const routes: Routes = [   
  {path: '', redirectTo:'/head', pathMatch:'full'},
  {
    path:'head',
    component: HeadComponent,
    children: [
      {path:'',component: MainComponent}
    ]
  }
];