如何在Angular 5中读取app.module中的appsettings文件

Question

嗨，我正在Angular 5中开发web应用程序。我正在尝试读取appsettings.json并使用app.module.ts中的值。在导入中的app.module.ts中，我有以下代码行。

AppInsightsModule.forRoot('dfd77fnd-3ba9-43e6-a90f-3e762444938b')

在上面的代码值是硬编码的。我在appsettings.json.中有下面的标签

"ApplicationInsights": {
"InstrumentationKey": "dfd77fnd-3ba9-43e6-a90f-3e762444938b"
}

我想从appsettings.json中读取。在app.module.ts下面我可以读取它。我已经创建了服务并注入了它。app.module.ts是Angular中的根文件。在这里，我如何从appsettings.json中获取值？有人能帮我确定解决方案吗？如有任何帮助，我们将不胜感激。非常感谢。

Answer 1

为了在加载应用程序之前加载配置数据，可以使用angular提供的APP_INITIALIZER。

详细信息：-https://devblog.dymel.pl/2017/10/17/angular-preload/https://www.intertech.com/Blog/angular-4-tutorial-run-code-during-app-initialization/

providers: [
ConfigProvider, 
{ provide: APP_INITIALIZER, useFactory: configProviderFactory, deps: [ConfigProvider], multi: true }
],
bootstrap: [AppComponent]