我正在使用angular CLI创建angular2项目。我正在使用json文件来存储api可配置设置,如api端点等 CLI捆绑了所有文件,因此json文件没有单独部署在dist文件夹中。这是一个问题,因为部署后无法更改这些设置。 通常用于将这些设置存储在angualr应用程序中的策略是什么?可以在无需重新部署的情况下进行编辑? 与web.config或app.config类似。Angular 2:用于存储配置设置的Startegy
0
A
回答
0
将文件条目添加到angular-cli.json中的资产会将其原样复制到dist文件夹。
"assets": [ "assets", "fav.ico", "settings.json" ]
0
有有你所有的运行时环境的configs这个文件夹需要到"assets"
阵列的.angular-cli.config.
比你需要创建一个类,将代表您的应用程序设置中添加的文件夹config
,你可以拨打AppSettings
。
然后修改main.ts
有类似的东西:
fetch(configUrl, { method: 'get' })
.then((response) => {
response.json()
.then((data: any) => {
if (environment.production) {
enableProdMode();
};
platformBrowserDynamic([{ provide: AppSettings, useValue: new AppSettings(data.config) }]).bootstrapModule(AppModule);
});
});
configUrl
将包含您的配置文件的URL如/config/dev.json
这样的配置将与fetch API
和应用程序中获取引导您AppSettings
将自动创建。
你必须注入AppSettings
任何你想使用它。
欲了解更多详细信息结账本answer
相关问题
- 1. 存储配置设置应用程式
- 2. 配置phpmyadmin配置存储
- 3. Angular 2配置“ng2-ckeditor.js”
- 4. 如何配置Angular 2
- 5. 配置Angular 2 HTTP服务
- 6. 配置存储
- 7. zend 2中的Doctrine 2配置设置
- 8. 用于在Sharepoint中存储用户设置的地方除配置文件外
- 9. payum symfony 2 bundle - 基本配置 - 存储
- 10. 在Webpack生产配置中设置代理Angular 2+
- 11. Angular 2 - Auth0用户配置文件,undefined
- 12. Angular 2 - 如何使用配置文件
- 13. SVN,其中是用于设置存储库属性的配置文件?
- 14. 如何设置RRD存储2年?
- 15. 设置2个或更多存储库?
- 16. Sharepoint工作流程:存储配置设置的位置?
- 17. 使用Googe存储的ArgumentException设置CORS配置
- 18. 如何存储Web应用程序的配置设置?
- 19. Biztalk2016映射不存在。对于配置存储应用程序,配置信息尚未设置
- 20. 用于设置存储类和存储桶位置的Python代码
- 21. 存储配置值
- 22. 在配置中存储配置
- 23. phpMyAdmin配置存储未完全配置
- 24. Oracle - 存储用户设置
- 25. QML存储用户设置
- 26. Freepbx设置存储
- 27. jQuery存储设置
- 28. 用于存储用户设置的数据库设计
- 29. 无法使用MdDialogConfig设置Angular Material 2对话框的位置
- 30. 如何在Angular 2中设置DatePipe的区域设置?
怎么样在cdn中链接一个json文件? –
@federicoscamuzzi每个客户都有自己的json,为什么在配置文件已经是应用程序的一部分时部署到cdn? – Andy