Wie rendere ich eine Enkelkind-Ansicht in dieselbe Router-Steckdose wie das erste Kind?
Dies ist eine Folgefrage dazu:Angular 2 Wie funktionieren Hilfsrouten in 2.1.0?
Ich habe auch versucht, dies zu betrachten, aber es wirft kein Licht auf das Problem:Wie wird die untergeordnete Route in den Router-Ausgang des übergeordneten Elements gerendert?
Wenn ich eine übergeordnete Route habe/admin
das hat ein<router-outlet name="admin"></router-outlet>
was so aussieht:
const routes: Routes = [
{
path: '',
component: AdminAreaComponent,
canActivate: [AuthGuardService]
},
{
path: 'login',
loadChildren: '../pages/+login/login.module#LoginModule',
outlet: 'admin'
},
{
path: 'dashboard',
loadChildren: '../pages/+dashboard/dashboard.module#DashboardModule',
outlet: 'admin'
}
];
Ich würde über @ auf das Dashboard zugreif/admin(admin:dashboard)
, aber jetzt muss ich eine untergeordnete Ansicht von @ rendedashboard
in das gleicherouter-outlet
als das Dashboard, das istadmin
. Diese Ansicht sieht folgendermaßen aus:
const routes: Routes = [
{
path: '',
component: DashboardComponent
},
{
path: 'brands',
loadChildren: '../pages/+brands/brands.module#BrandsModule',
outlet: 'admin'
}
];
Allerdings, wenn ich versuche, über @ auf diese Route zuzugreif/admin(admin:dashboard/brands)
Ich erhalte eine Fehlermeldung:
Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'admin'
Ich vermute, dass ich in der Routenkonfiguration etwas falsch gemacht habe.
Wie kann ich das beheben?