如何在角度延迟加载模块中延迟加载模块？答案

【问题标题】：How to lazy load module in lazy loaded module in angular?如何在角度延迟加载模块中延迟加载模块？
【发布时间】：2018-04-01 13:26:31
【问题描述】：

这是一个角度模块问题。

我有几个模块导出为 npm-packages，我的应用程序都需要它们。我们称它们为 Inner 和 Outer 模块。

在应用程序中，我配置了Inner，并使用它是InnerModuleService。

在OuterModule 中，我也有InnerModule 依赖项，并且需要与应用程序中相同的InnerModuleService。

但我不知道如何从我的应用程序传递InnerModule 的配置。有人可以帮我吗？

这里是更示范的sn-p

#NPM-Package

let innerModuleConfig;

@NgModule({
    imports: [
        CommonModule,
        InnerModule.forChild({
            config: innerModuleConfig
        })
    ],
    exports: [InnerModule]
})

export class OuterModule {
    static forRoot(config: any): ModuleWithProviders {
        innerModuleConfig = config.innerModuleConfig;

        return {
            ngModule: OuterModule,
            providers: [InnerModuleService]
        };
    }
}

#APP

let appInnerModuleConfig = {};

@NgModule({
    imports: [
        OuterModule.forRoot({
            innerModuleConfig: appInnerModuleConfig
        })
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule {}

【问题讨论】：

标签： angular ng-modules

【解决方案1】：

您可以使用带有模块文件路径的 loadChildren 属性来执行此操作，然后使用哈希 # 引用模块本身。

https://angular.io/guide/lazy-loading-ngmodules

【讨论】：