Question

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

const routes：Routes = [{path：＆＃39;＆＃39;，component：LazyComponent}];

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

Answer 1

您可以在懒惰模块中使用children定义路线＆＃39;路线：

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 {}

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

1 个答案: