如何在Angular 8中延迟加载子组件？

问题描述

我有一个包含多个模态（NgbModal）的组件。这些模态连接到多个子组件。我正尝试延迟加载这些子组件

Dashboard Module  
    |  
    |--> Dashboard Component   
            |-->modal 1  
                 |  
                 |--> child 1 component
                 |--> child 2 component
            |--modal 2
                 |--> child 3 component
                 |--> child 4 component

解决方法

您可以使用这样的路由来延迟加载仪表板模块

df['newcol'] = df['oldcol'].apply(lambda x: len(str(x)))

然后在仪表板路由模型（要导入到dahsboard模块中）中，您可以进一步重复相同的步骤以延迟加载子模块/组件，否则可以直接路由子组件。

// in app routing or higher routing module than dashboard
const routes: Routes = [
 { path: 'dashboard',loadChildren: () => 
  import('./modules/dashboard/dashboard.module').then(m => m.DashboardModule) },];