Angular 2 Router - Именованные розетки
Документация не очень хорошая, но я пытаюсь использовать разные выходы маршрутизатора на одной странице / маршруте.
У меня есть это в моем app.component.html
<router-outlet></router-outlet>
<router-outlet name="dashboard"></router-outlet>
Мой app.routes.ts
{
path: '',
component: HomeComponent,
outlet: 'primary'
},
{
path: '',
component: DashboardComponent,
outlet: 'dashboard'
},
{
path: '**',
redirectTo: '404'
}
Поэтому на моей стартовой странице (то есть «example.com», а не «example.com; dashboard: dashboard») я хочу показать Homecomponent в первичной розетке маршрутизатора и мой Dashboardcomponent в розетке Dashboard. Это работало с ngrs / router, но так как оно устарело, я пытаюсь мигрировать. Возможно ли это без: приборной панели: приборной панели в угловых / маршрутизатор?
С этой конфигурацией меня перенаправляют на 404. Я также попробовал это без удачи:
{
path: '',
component: HomeComponent,
children: [
{
path: '',
component: DashboardComponent,
outlet: 'dashboard'
}
]
},
Кому-нибудь удалось заставить работать именованные маршрутизаторы?
ОБНОВИТЬ Что касается примечаний по миграции с ngrx / router на angular / router, у вас должно быть следующее:
{
path: 'blog',
component: HomeComponent,
outlet: 'main'
},
{
path: 'blog',
component: RegisterComponent,
outlet: 'dashboard'
}
Но когда я захожу на example.com/blog, я получаю эту ошибку в консоли:
Ошибка: не удается найти ни одного маршрута: «блог»
https://github.com/ngrx/router/blob/master/docs/overview/migration.md