Я пытаюсь понять, как именованные розетки работают в Augular 6. Я хочу иметь возможность разбивать страницу на несколько разделов и динамически отображать на этой странице различный контент на основе нескольких именованных розеток, предоставленных конфигурацией пути маршрута. Я не вижу никакой отладочной информации и не могу найти проблему.
Пример:
app.component.html
<!--<app-basic></app-basic> -->
<router-outlet></router-outlet>
<h1>hello</h1>
<router-outlet name="sidebar"></router-outlet>
модуль роутера у меня такой:
{
path: 'schedule-inspection',
component: ScheduleInspectionComponent,
children:
[
{
path: 'add',
component: SidebarScheduleInspectionComponent,
outlet: 'sidebar',
},
],
},
В результате страница загружает родительский компонент и отображает приветствие. Контент не отображается вне указанного выхода.
Кажется логичным, что вы должны быть в состоянии сделать это. Если есть другой подход, который вы можете использовать здесь, кроме использования маршрутизатора, пожалуйста, сообщите, но это кажется правильным подходом для того, что я пытаюсь сделать.