如何正確使用路由器插座

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}
    ]
  }
];