2017-01-13 11 views
0

私は角度のあるCLIを使ってangular2プロジェクトを作成しています。私は、JSONファイルを使用して、apiエンドポイントなどの設定可能な設定を保存しています CLIはすべてのファイルをバンドルしているので、jsonファイルはdistフォルダに個別にデプロイされません。これらの設定を展開すると変更する方法がないため、これは問題です。 再配置せずに編集できるアンギュアラーアプリにこのような設定を保存するために通常使用される戦略は何ですか? web.configまたはapp.configと同様のものです。角2:設定を保存するための開始ダイアログ

+0

どのようなリンクがjsonファイルでcdn? –

+0

@federicoscamuzzi各顧客はそれ自身のjsonを持っているでしょうし、設定ファイルがすでにアプリケーションの一部である時にcdnになぜ展開するのですか? – Andy

答えて

0

angular-cli.jsonのアセットにファイルエントリを追加すると、そのままdistフォルダにコピーされます。

"assets": [ "assets", "fav.ico", "settings.json" ]

0

すべてのランタイム環境を持っているフォルダconfigは、あなたのアプリケーションの設定を代表するクラスを作成する必要があるよりも、このフォルダは.angular-cli.config.

"assets"配列にして追加する必要があるコンフィグ持っていますそれをAppSettingsと呼ぶことができます。

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が含まれていますあなたのconfigファイルのURLなど設定がfetch APIでアプリに取得されます。この方法では、あなたのAppSettingsが自動的に作成されますブートストラップ/config/dev.json

そして、そのような何かを持っているあなたのmain.tsを変更。

AppSettingsを注入する必要があります。

詳細については、こちらをご覧ください。answer

関連する問題