В моем приложении Angular у меня в главном компоненте есть список кнопок меню, который открывает несколько загруженных ленивых компонентов. Код страницы:
<button routerLink="/lazy-loaded-page">page</button>
<router-outlet></router-outlet>
И код файла маршрутизации:
const routes: Routes = [
{ path: 'directory', loadChildren: () => import('./modules/directory/directory.module').then(m => m.DirectoryModule) },
Код работает правильно; Теперь я хочу переместить меню кнопок в выделенный компонент заголовка. Но розетка роутера должна оставаться на главной странице. Как я могу, из выбора на странице x, загрузить компонент в другую розетку маршрутизатора на странице y?