Angular 2プロジェクトでアプリのワイドな設定を行うには

Question

Angular2（CLIとWebpackを使用）プロジェクトで、apiキーやAPI URLなどの共通の設定データとパラメータを使用するにはどのような方法がありますか？これらのパラメータは、多くのコンポーネントとサービスで使用されます。

• 専用サービスですか？
• yamlまたはjsonで何か（もう一度サービス？）を解析しましたか？
• オブジェクトをエクスポートするモジュールでは、

私たちのアプリはかなり大きくなっており、可能な限り軽く効率的なアプリを保つための解決策を見つけようとしています。

Answer 1

設定データを保存するだけで本格的なサービスやモジュールを使用する必要はありません。

あなたはconstであなたの設定情報を入れて、依存性注入を介して可変を公開することができます：

const SETTINGS = { 
    apiUrl: 'someUrl', 
    apiKey: 'someKey', 
    // ... 
}; 

// Then, in your AppModule, declare the value for DI 
@NgModule({ 
    providers: [ 
    { provide: 'SETTINGS', useValue: SETTINGS }, 
    // ... 
    ] 
}) 

次に、あなたが設定にアクセスする必要がある時はいつでも（サービスまたはコンポーネントで...）、注入それ：など

import { Inject } from "@angular/core"; 

export class MyComponent { 
    constructor(@Inject('SETTINGS') private settings: any) { 
    } 
} 

このアプローチの上振れは、あなたが環境に応じて異なる設定を使用することができるということですか、あなたはユニットテストを実行しているかどうか、