loadchildren in verschiedenen Routing-Modul

Question

ich habe zu viele Methoden wieder versucht, und stecken mit neuen Szenario

unten ist mein app.module.ts

export const ROUTES: Routes=[ 
    { 
     path: '', component: LoginComponent}, 
    { 
     path: 'maincontent', 
     loadChildren: './main-content/maincontent.module#MainContentModule' 
    }] 

unter meinem maincontent.module.ts ist

export const ROUTES: Routes = [ 
    { 
    path: 'maincontent', 
    component: MainContentComponent, 
    children: [ 
     { path: 'dashboard', 
     loadChildren: './dashboard/dashboard.module#DashboardModule' }, 
    ] 
     }]; 

In dashboard.module.ts ich habe folgende Routen

export const ROUTES: Routes = [ 
    { 
    path:'dashboard', component:DashboardComponent, 
    children:[ 
     { 
     path:'application',component:ApplicationDetailsComponent 
     } 
    ] 
    } 
] 

Das Problem ist, wenn ich mich anmelde ich direkt auf die Dashboard-Seite navigiert und es zeigt keine Inhalte der Seite. Wo bin ich falsch leitet mich jemand bitte

Answer 1

kann gehe ich glaube, Sie path für Kinder Routen als leere Zeichenfolge

maincontent.module.ts

export const ROUTES: Routes = [ 
    { 
    path: '', // instead of path: 'maincontent', 
    component: MainContentComponent, 
    children: [ 
     { 
     path: 'dashboard', 
     loadChildren: './dashboard/dashboard.module#DashboardModule' 
     }, 
    ] 
    }]; 

dashboard.module machen sollten .ts

export const ROUTES: Routes = [ 
    { 
    path: '', // instead of path: 'dashboard' 
    component: DashboardComponent, 
    children: [ 
     { 
     path: 'application', component: ApplicationDetailsComponent 
     } 
    ] 
    } 
] 

Plunker Example