У меня есть следующая конфигурация маршрутов:
const routes: Routes = [
{
path: '',
pathMatch: 'full',
redirectTo: 'container-page'
},
{
path: 'container-page',
component: ContainerPage,
children: [
{
path: 'first-page',
loadChildren: '../first-page/first-page.module#FirstPageModule',
outlet: 'detail'
},
]
},
];
Как видите, я пытаюсь лениво загрузить компонент во вспомогательную розетку, но при переходе на соответствующий маршрут (http://localhost:4200/container-page/(detail:first-page), внутри рассматриваемой розетки отображается нг-компонент, а внутри него - новая пустая маршрутизатор-розетка и другой нг-компонент на том же уровне DOM. Это означает, что недавно отрендеренный маршрутизатор-розетка полностью скрывает нг-компонент на своем уровне, и содержимое не будет отображаться.
Это поведение НЕ регистрируется, когда в первичных розетках, только во вспомогательных именованных розетках. Удалось ли кому-либо лениво загрузить компонент во вспомогательную розетку?