Я использую Angular 6 вспомогательных маршрутов для модальностей начальной загрузки, но я столкнулся с проблемой, когда ловушки жизненного цикла компонентов дочернего маршрута не вызываются, если родительскому маршруту назначен компонент. Я использую ловушки жизненного цикла для запуска модального режима, как только компонент загружен. Моя цель - чтобы «myMenuComponent» был виден в фоновом режиме, пока модал активен.
ngAfterViewInit() {
$('#modal').modal('toggle')
}
Следующая маршрутизация работает и запускает ловушку жизненного цикла, как и предполагалось, но не дает мне меню, которое я хочу видеть на заднем плане:
{
path: 'mypath',
children: [
{
path: 'modal',
component: myModalComponent,
outlet: 'modalOutlet'
}
]
}
Следующий маршрут не вызывает перехватов жизненного цикла:
{
path: 'mypath',
component: myMenuComponent,
children: [
{
path: 'modal',
component: myModalComponent,
outlet: 'modalOutlet'
}
]
}