Zewnętrzność kątowa 2 (plik właściwości)

Question

Jaki jest zatwierdzony sposób eksternalizacji stałej ciągu w aplikacji Angular 2 lub ogólnie w aplikacji JavaScript? Mam na myśli coś w rodzaju pliku .properties w Javie, gdzie przechowywane są atrybuty połączenia z backendem.

O ile mi wiadomo, JavaScript nie obsługuje łatwego czytania z pliku na końcu klienta. Moje obecne rozwiązanie polega na użyciu wstrzykiwalnej klasy usług, która przechowuje pary klucz-wartość jako atrybuty obiektu. Wtedy właśnie wprowadzam usługę do innych usług, które wymagają tych wartości. Czy jest to uzasadniona metoda, czy JavaScript/A2 zapewnia bardziej jednolity sposób obsługi iniekcji wartości?

Answer 1

Myślę, że droga do zrobienia jest właściwa.

Moglibyście uruchomić się asynchronicznie po ukończeniu (ych) żądań. Oto przykład:

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(); 

Zobacz na to pytanie:

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

widzę innego podejścia, jeśli jesteś w stanie zaktualizować index.html stronę (główny punkt odbioru) na po stronie serwera. Oto przykład:

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

Zobacz na to pytanie:

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

Można również zarejestrować dostawcy APP_INITIALIZER na to:

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

zobaczyć ten problem dla więcej szczegółów:

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