Machen Sie AJAX Anfrage vor dem Bootstrapping Angular2 Anwendung

Question

In meiner Angular2-Anwendung muss ich eine Funktion von AuthenticationService und Bootstrap-Anwendung basierend auf den Ergebnissen dieses Aufrufs aufrufen. Das Problem ist, dass AuthenticationService Abhängigkeit von HTTP von @ angular/http hat und ich habe sehr wenig Ahnung, wie HTTP-Service manuell vor dem Aufrufen der Bootstrap-Funktion erstellt wird. Akzeptierte Antwort in dieser Frage angular2 bootstrap with data from ajax call(s) beschreibt, was ich perfekt erreichen möchte, aber leider wurde es zu einer früheren Version von Angular2 gegeben.

Ich habe versucht, http-Service auf diese Weise zu erstellen:

let injector = ReflectiveInjector.resolveAndCreate(HTTP_PROVIDERS) 
let http = injector.get(Http); 

aber ich habe null-Verweisausnahme in XsrfCookieStrategy oder so ähnlich. Ich glaube, es ist möglich, einige leere XsrfStrategy zu injizieren, aber es scheint eher ein Hack als eine gute Lösung zu sein. Die Frage ist also: Gibt es eine gute (offizielle) Möglichkeit, die Angular2-Anwendung mit einigen Abhängigkeiten zu starten, ähnlich wie oben beschrieben?

Answer 1

class AuthService { 
    isLoggedIn:BehaviorSubject<boolean> = BehaviorSubject<boolean>(false); 
    checkLogin(http:Http) { 
    return http.get(...) 
    .map(result => result.json()) 
    .do(result => this.isLoggedIn.next(result) 
    } 
} 

bootstrap(AppComponent, [ 
    HTTP_PROVIDERS, 
    AuthService, 
    { provide: APP_INITIALIZER, 
    useFactory: (authService:AuthService) => authService.checkLogin(), 
    deps: [AuthService], 
    multi: true 
    } 
]); 

Siehe auch How to pass parameters rendered from backend to angular2 bootstrap method