javascript - hur man använder router-outlet på ett korrekt sätt

Hej, jag har följande kod: app.routing.module

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

och i huvudet har jag:

<router-outlet></router-outlet>

vilket borde navigera till huvudsidan automatiskt men det gör det inte. Jag behöver göra ett tomt huvud som är roten till alla komponenter. hälsningar

Svar #1

Ett routeruttag i head kommer bara att rendera barn till head, vilket du inte har några av.

Dina rutter är inställda för att automatiskt rendera head i en routerutgång i app-komponenten. Head har inga barn så det kommer inte att rendera main. Du behöver lägga till main som ett barn till head.

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