Como renderizar uma exibição de neto na mesma saída do roteador que o primeiro filho?
Esta é uma pergunta de acompanhamento para isso:Angular 2 como as rotas auxiliares funcionam no 2.1.0?
Eu também tentei olhar para isso, mas ele realmente não esclarece o problema:Como renderizar a rota filho na saída do roteador do pai ou mãe
Se eu tiver uma rota pai/admin
que tem um<router-outlet name="admin"></router-outlet>
que fica assim:
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'
}
];
Eu acessaria o painel via/admin(admin:dashboard)
, mas agora preciso renderizar uma visualização filho dedashboard
no mesmorouter-outlet
como o painel, que éadmin
. Essa visão é assim:
const routes: Routes = [
{
path: '',
component: DashboardComponent
},
{
path: 'brands',
loadChildren: '../pages/+brands/brands.module#BrandsModule',
outlet: 'admin'
}
];
No entanto, quando tento acessar esta rota via/admin(admin:dashboard/brands)
Eu recebo um erro:
Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'admin'
Estou supondo que estou fazendo algo errado na configuração da rota.
Como posso consertar isso?