延迟和延迟加载：组件中的菜单，其他中的路由器外部

Question

在我的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的另一个路由器插座中？非常感谢！

Answer 1

使用菜单创建标题组件，然后在app.component.html中：

<app-header></app-header>
<router-outlet></router-outlet>