Angular 8 - 如何动态添加子路由

【问题标题】：Angular 8 - How to dynamiclaly add children routesAngular 8 - 如何动态添加子路由
【发布时间】：2020-09-24 02:06:59
【问题描述】：

我有一个父模块 client-migration.module.ts 被延迟加载到 app-routing.module.ts 中。在 client-migration-routing.module.ts 中，我需要以某种方式加载来自服务的路由。我怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

根据您的问题，我认为您需要的是多个路由器插座，以便您可以在页面的不同部分动态加载不同的组件。
这里一个是主出口，第二个被命名为出口

<router-outlet></router-outlet>  
<router-outlet  name="sidebar"></router-outlet>

在你的 routing.module.ts 你可以像这样添加路由。

{
   path: "",
   component: SidebarComponent,
   outlet: "sidebar"
}

你可以调用服务没有问题。

就是这样，你很好，这是参考Link

【讨论】：