Roteador Angular 2 - Tomadas nomeadas
A documentação não é muito boa, mas estou tentando ter diferentes saídas de roteador na mesma página / rota.
Eu tenho isso no meu app.component.html
<router-outlet></router-outlet>
<router-outlet name="dashboard"></router-outlet>
Meu app.routes.ts
{
path: '',
component: HomeComponent,
outlet: 'primary'
},
{
path: '',
component: DashboardComponent,
outlet: 'dashboard'
},
{
path: '**',
redirectTo: '404'
}
Portanto, na minha página inicial (ou seja, "example.com", não "example.com; painel: painel"), quero mostrar o Homecomponent na tomada principal do roteador e o meu Dashboardcomponent na tomada Dashboard. Isso funcionou com o ngrs / router, mas como está obsoleto, estou tentando migrar. É possível sem o painel; painel: angular / roteador?
Com essa configuração, estou sendo redirecionado para 404. Também tentei isso sem sorte:
{
path: '',
component: HomeComponent,
children: [
{
path: '',
component: DashboardComponent,
outlet: 'dashboard'
}
]
},
Alguém já conseguiu fazer com que as saídas dos roteadores nomeadas funcionem?
ATUALIZAR Em relação às notas de migração do ngrx / roteador para o angular / roteador, você deve ter o seguinte:
{
path: 'blog',
component: HomeComponent,
outlet: 'main'
},
{
path: 'blog',
component: RegisterComponent,
outlet: 'dashboard'
}
Mas quando vou para example.com/blog, recebo este erro no console:
Erro: não é possível corresponder a nenhuma rota: 'blog'
https://github.com/ngrx/router/blob/master/docs/overview/migration.md