我有一个Angular (v6.0.0)应用程序,我正在尝试设置它,并在APP_INITIALIZER
期间拉入运行时配置。我已经阅读了几篇文章(比如this、this和this),所以像this这样的问题基本上解决了所有的问题。
我让应用程序调用配置服务函数来在应用程序引导时加载配置(在APP_INITIALIZER
期间)。这一切都工作得很完美。问题是,应用程序的其他部分正在加载/初始化/它们的构造函数在配置加载之前被调用,因此无法使用文件中的配置。以下是app.module文件的摘录:
function initConfig(configService: AppConfigService) {
return () => configService.loadConfig();
}
...
@NgModule({
imports: [AuthModule, SharedModule]
providers: [
{
provide: APP_INITIALIZER,
useFactory: initConfig,
deps: [AppConfigService],
multi: true
},
...
]
})
和AppConfigService文件:
public loadConfig() {
return this._http.get('./assets/app-config/config.json')
.toPromise()
.then((config: any) => {
this.config = config;
})
}
如您所见,loadConfig
函数返回一个promise,并且加载了配置(我已经确认了这一点)。
但是,我尝试访问AuthModule构造函数中的配置(这样我就可以获取向服务器进行身份验证所需的配置值)和SharedModule中的服务(在本例中是查找Sentry DSN ),它们都是在加载配置之前运行的。我相信还会有其他的例子,但这是我到目前为止所发现的。
我的印象是,在APP_INITIALIZER
解决之前,应用程序中的任何内容都不会加载,但显然情况并非如此。我是不是遗漏了什么东西来完成这个?是否有什么我可以做的事情,使所有其他模块在初始化之前等待配置加载?如果不是,它基本上违背了运行时配置的目的。
发布于 2019-08-28 17:59:17
我最近遇到了你所面临的问题。不幸的是,正如可能已经知道的那样,APP_INITIALIZER不会阻止模块的导入。您可以使用全局窗口对象来附加配置数据。这样,数据就可以在整个应用程序中全局访问。
public loadConfig() {
return this._http.get('./assets/app-config/config.json')
.toPromise()
.then((config: any) => {
window['appConfigData'] = config;
this.config = config;
})
}
在属于SharedModule的服务中,您可以简单地从window对象访问配置数据。
constructor() {
..
..
const configData = window['appConfigData'];
}
https://stackoverflow.com/questions/52544034
复制相似问题