- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 Angular (v6) SPA,其中包含许多延迟加载的模块。目前我有一个包含应用程序配置的 json 文件,可以通过单独的管理界面进行更改,而无需重建/部署应用程序。配置文件当前加载在 APP_INITIALIZER 中,它可以很好地确保我在允许应用程序完全引导之前检索配置。
我想将此配置文件拆分为每个模块,在 APP_INITIALIZER 中加载一个通用配置,并且仅在该特定模块延迟加载时才加载其他配置。
是否有公认的或最佳实践方法来做到这一点?我似乎在 Angular 文档或网上一般都找不到任何东西。一种方法可能是在模块构造函数中获取配置,但据我所知,我无法阻止模块继续加载和设置其所有组件等,直到检索到此配置文件并将其存储在某处.
如果我将它设置在延迟加载模块的根路由上,路由解析器可能会达到这个目的吗?例如。我可以将一些“ConfigService”注入(inject)解析器,而不是返回任何数据,它将检索适当的配置文件并存储它,然后让解析器解析。
然后这个模块中的组件可以注入(inject)相同的 ConfigService,访问检索到的任何配置点。
最佳答案
在模块初始化期间获取配置(在构造函数中或在诸如 forRoot
之类的静态方法中)将不起作用,因为此时尚未解决依赖关系。因此,例如,您不会有 HttpClient
可用于获取数据。
什么可能是可行的方法:
1. 提供ConfigurationService
获取注入(inject)的配置文件的 URL
@Injectable()
export class ConfigService {
private config$ = new BehaviorSubject<any | null>(null);
private loadedConfig = false;
constructor(@Inject(CONFIG_URL) private configUrl: string,
private httpClient: HttpClient) {
this.getConfig();
}
getConfig(): Observable<any> {
if (!this.loadedConfig) {
this.loadedConfig = true;
this.httpClient.get(this.configUrl).subscribe(this.config$);
}
return this.config$;
}
}
ConfigurationService
作为可以动态设置CONFIG_URL
的模块的一部分:
@NgModule({
providers: [ConfigService],
imports: [
HttpClientModule
]
})
export class ConfigModule {
static buildForConfigUrl(configUrl: string): ModuleWithProviders {
return {
ngModule: ConfigModule,
providers: [
{
provide: CONFIG_URL,
useValue: configUrl
}
]
};
}
}
ConfigModule
在您的功能模块中
ConfigModule
使用
buildForConfigUrl
:
@NgModule({
exports: [
MyComponent
],
declarations: [
MyComponent
],
imports: [
ConfigModule.buildForConfigUrl('https://my-url/my-config.json')
]
})
export class FeatureModule {
}
ConfigService
在您的组件中:
@Component({
selector: 'my-component',
template: 'I am your new component. My config is: {{ config$ | async | json }}'
})
export class MyComponent implements OnInit{
config$: Observable<any>;
constructor(private configService: ConfigService) {
}
ngOnInit(): void {
this.config$ = this.configService.getConfig();
}
}
AppModule
。集中。
关于angular - 如何在 Angular 中为延迟加载的模块加载远程配置文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61226253/
我需要安装一个 VPN 配置文件,以后可以在没有用户干预的情况下进行更改。直接的方法是安装 VPN 配置文件,然后安装 MDM 配置文件,以便以后可以更改配置。 但是,我的要求仅与 VPN 配置有关,
配置文件 全局配置文件hibernate.cfg.xml hibernate.cfg.xml --> com.mysql.cj
我想知道有没有一种方法可以设置配置,我可以有两个数据库条目,当环境是本地时和在服务器上时都可以工作。 我很久以前就通过代码进行切换时遇到了一个解决方案。现在无法找到它。你们是怎么做到的? 最佳答案 我
通常我总能在 Stack Overflow 上找到我要找的东西。但是这次我真的难住了。 我已经阅读了针对遇到类似问题的人的其他 Stack Overflow 回复;但无济于事。 (我认为其中一部分原因
我是 Hadoop 新手。我正在尝试设置单节点集群。 我注意到在我读过的文档中(甚至在 Apache 的配置站点上)它总是引用 conf/目录中的配置文件。但是,当我下载 2.X.X 版时,我只能在
好吧,我之前发布了如何读取其他程序的其他配置文件(这里是链接 Previous Post 。我设法做到了。但是现在还有另一个问题。场景是这样的,我有两个程序。程序 A 从配置文件中读取其配置,程序 B
【全局(系统)配置文件】 复制代码 代码如下: /etc/crontab Linux 主要的配置文件都在 etc 目录下。 复制代码
Apache HBase配置文件 本节是本章内容的开篇,我们首先来认识Apache HBase中有哪些需要的配置文件! Apache HBase使用与Apache Hadoop相同的配置系统。所有
我想了解如何为我们的实验构建配置文件 让我们以 AllenNLP 文档中的这个例子为例 training and prediction 特别是这个片段 我们从哪里得到“token_embedders”
我正在研究 MAVEN 配置文件,我有一个关于使用变量设置属性的问题。目前,我正在使用以下配置: Action type D restriction actionTy
我知道以前可能有人问过这个问题,但我似乎无法为我找到正确的答案。 我有一个名为 的 Windows 服务foobar.exe .我有一个名为 的应用程序配置文件foobar.exe.confi
我使用 FitNesse 作为功能测试框架。当 FitNesse 运行需要配置的代码时,我遇到了麻烦。 如果我需要从配置文件中获取连接字符串,我可以通过将它添加到 FitServer.exe.conf
我对我的 Jenkins 输出感到有些困惑。 关于 Jenkins 的工作:(在底部缩短了 pom.xml) mvn deploy -Pprofile1 我所有的插件将运行 4 次: 父/pom.xm
我偶尔会遇到一个问题,即为设备配置开发版本的应用程序。错误消息通常是“找不到此可执行文件的有效配置文件”。 我已遵循所有 Apple 说明:我拥有有效的开发证书,开发人员配置文件包含相关设备的设备 I
我正在尝试在 F# 控制台应用程序中使用 NLog,我已设法使用 App.config 中的配置部分使其工作,但无法使用独立的 NLog.config 文件使其工作。我的 NLog.config 文件
有没有办法像在 rubocop 中一样使用配置文件禁用 puppet-lint 中的检查?配置文件应该是txt文件、json文件还是其他格式? 最佳答案 是的,该文件名为 .puppet-lint.r
我有多个网站,它们都具有相同的代码,但应用程序设置不同。我想将我的应用程序设置放在位于虚拟目录中的单独配置文件中。这将允许我在所有站点之间共享所有代码的单个副本,每个站点具有不同的虚拟目录。 不幸的是
我在 Ubuntu 上使用 ghci 6.8.2。 ghci 是否使用配置文件来进行一些初始设置?例如::设置提示符“ghci>”。 最佳答案 您是否尝试过将 :set Prompt "ghci> "
我继承了一个运行 JBoss 7.x 服务器、java 后端等单个实例的项目。我对 JBoss 完全陌生,我对文件结构的配置感到好奇),我必须拥有什么以及在哪里。 documentation其结构与我
我有一个关于 Android 的问题。我只需要在开始时运行其中一项 Activity 一次。因此,通常最好的解决方案是创建包含标志 isFirstRun 的文件并在应用程序启动后检查该值。 但在我的应
我是一名优秀的程序员,十分优秀!