Угловая 2 экстернализация (файл свойств)

Question

Каков одобренный способ экстернализации строковой константы в приложении Angular 2 или в приложении JavaScript вообще? Я имею в виду что-то вроде файла .properties на Java, где хранятся атрибуты подключения к серверу.

Насколько я знаю, JavaScript не поддерживает чтение из файла на стороне клиента легко. Моим текущим решением является использование класса инъективных сервисов, который хранит пары ключ-значение в качестве атрибутов объекта. Затем я просто внедряю эту услугу в другие службы, которые нуждаются в этих значениях. Является ли это оправданным методом, или JavaScript/A2 предоставляет более унифицированный способ обработки инъекций значений?

Answer 1

Я думаю, что способ сделать правильный.

Вы можете загрузить асинхронно после завершения запроса (ов). Вот пример:

var app = platform(BROWSER_PROVIDERS) 
    .application([BROWSER_APP_PROVIDERS, appProviders]); 

var service = app.injector.get(ConfigService); 

service.getConfig().flatMap((config) => { 
    var configProvider = new Provider('config', { useValue: config }); 
    return app.bootstrap(appComponentType, [ companiesProvider ]); 
}).toPromise(); 

Смотрите этот вопрос:

• How to defer Main component's initialization of dependent components so that some promises may get resolved

Я вижу другой подход, если вы в состоянии обновить index.html страницы (главная точка входа) на сервер. Вот пример:

<script> 
    var params = {"token": "@User.Token", "xxx": "@User.Yyy"}; 
    System.import('app/main').then((module) => { 
    module.main(params); 
    }); 
</script> 

Смотрите этот вопрос:

• How to pass parameters rendered from backend to angular2 bootstrap method

Вы также можете зарегистрировать APP_INITIALIZER поставщика для этого:

provide(APP_INITIALIZER, { 
    useFactory: (service:ConfigService) =>() => service.loadConfig(), 
    deps:[ConfigService, HTTP_PROVIDERS], 
    multi: true}), 

Посмотреть этот вопрос для более подробная информация:

• https://github.com/angular/angular/issues/9047