我有一个基于Seed的Angular应用程序.我希望它在显示任何内容之前等待加载所有数据.这是通过我的app.module.ts中的提供程序完成的：
providers: [
AlbumConfig,UserConfig,{
provide: APP_INITIALIZER,useFactory: (config: AlbumConfig) => () => config.load(),deps: [AlbumConfig],multi: true
}
],
问题是config.load(最终触发解析(true))需要服务器在HTML页面中给出的id：
<rmalbum-app data-id="<?PHP print $album_id; ?>">Loading...</rmalbum-app>
我发现获取此参数的唯一方法是在app.component的构造函数中：
albumConfig.id= this.elementRef.nativeElement.getAttribute('data-id');
所以我要么按时间顺序排列：
> config.load()
>“正在加载……”消失
>调用app.component的构造函数,我得到了id,对于config.load来说太迟了
或者,如果我删除APP_INITIALIZER并将config.load()放在组件的构造函数中：
>“正在加载……”消失
> app.component的构造函数被调用,我得到了id
>从构造函数手动调用config.load()
我不希望这样,因为这意味着在实际加载配置之前显示应用程序.
