Angular Routing funktioniert nicht mit Tabs

Question

Ich verwende Tab-Navigation für meine Profilseite. Die Profilseite enthält das Tab-Steuerelement. Das Problem tritt auf, wenn die erste Registerkarte gleich der Stammdomänen-URL ist. Das Registersteuerelement navigiert nicht mehr, wenn auf die Registerkarten geklickt wird.

ist hier ein plunkr das Problem demonstriert:

https://plnkr.co/edit/emIJSNkxPuDxCjPSbXJy?p=preview

Vielleicht könnte ich etwas fehlt, aber diese in Winkel Routing-Fehler sein.

Ist es möglich, so zu konfigurieren Routing? Hier

ist der Code für die Registerkarte Routen

const ROUTES: Routes = [ 
    { 
     path: '', component: ProfileComponent, 
     children: [ 
      { path: '', loadChildren: 'src/user/subModule1/subModule1.module#SubModule1Module'}, 
      { path: 'subPath2', loadChildren: 'src/user/subModule2/subModule2.module#SubModule2Module' }, 
     ] 
    } 
]; 

Answer 1

Wenn ich richtig verstanden haben Sie in Ihrer Profilseite Routing werden soll, die auf ‚Benutzer /: id‘ Route. Dann wäre die Wurzel wie folgt:

const ROUTES: Routes = [ 
{ 
    path: 'user', component: ProfileComponent, 
    children: [ 
     { path: '', loadChildren: 'src/user/subModule1/subModule1.module#SubModule1Module'}, 
     { path: 'subPath2', loadChildren: 'src/user/subModule2/subModule2.module#SubModule2Module' }, 
    ] 
} 

];

Dann, wenn Sie laden/user SubModule1 würde faul geladen und auf/user/subPath2 SubModule2 wäre faul geladen