Где можно разместить конфигурацию приложения в проекте Angular 2

Question

Какой метод я могу использовать в проекте Angular2 (с использованием CLI и Webpack) для размещения общих данных и параметров конфигурации, таких как некоторые ключи api или URL-адреса API? Эти параметры будут использоваться многими компонентами и услугами.

• В специальном сервисе?
• В 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) { 
    } 
} 

Достоинством такого подхода является то, что вы можете использовать различные настройки в зависимости от среды, или вы используете юнит-тесты и т.д.