如何在angular4中使用延迟加载加载多个组件？

Question

我刚刚开始学习angular4，我有点好奇学习angular4中延迟加载的概念。我一直在浏览this的文章并学习了一些关于延迟加载的知识，但我的问题是在上面提到的这篇文章中，懒惰模块中只有一个组件，如果我想在延迟加载中有多个组件模块，然后我怎么能在延迟加载模块的路由配置中声明。目前延迟加载的路由配置是

const routes：Routes = [{path：''，component：LazyComponent}];

如果我想要另一个组件，那么我的路由配置怎么办？

Answer 1

您可以在懒惰模块的路径中使用children定义路径：

const gtPermitRoutes: Routes = [
    { path: '', component: PermitComponent, children: [
        {path: '', component: PermitListComponent},
        {path: ':permitNumber', component: PermitDetailComponent},
     ]}
 ];

您在懒惰模块中声明的任何组件都将被延迟加载，包括未出现在路径中但在模板中使用选择器使用的组件：

@NgModule({
    declarations: [
        PermitComponent,
        PermitDetailComponent,
        AnotherComponent, // selector <app-another-component>
        PermitListComponent
    ],
    imports: [

    ]
})
export class PermitModule {}