我正在使用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