时间戳

首页 > 解决方案 > Angular 8 - 如何动态添加子路由

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

问题描述

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

标签： javascriptangulartypescriptroutes

解决方案

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

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

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

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

您可以调用该服务没有问题。

就是这样，你很高兴，这是参考链接

推荐阅读