Angular 2
Angular2 dostarcza zewnętrzne dane do aplikacji przed rozpoczęciem ładowania

Wprowadzenie

Przez wstrzyknięcie zależności

Zamiast bezpośrednio wywoływać kod ładujący Angulara, zawiń kod ładujący do funkcji i wyeksportuj funkcję. Ta funkcja może również akceptować parametry.

import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { AppModule } from "./src/app";
export function runAngular2App(legacyModel: any) {
       platformBrowserDynamic([
           { provide: "legacyModel", useValue: model }
       ]).bootstrapModule(AppModule)
       .then(success => console.log("Ng2 Bootstrap success"))
       .catch(err => console.error(err));
}

Następnie w dowolnych usługach lub komponentach możemy wprowadzić „starszy model” i uzyskać do niego dostęp.

import { Injectable } from "@angular/core";
@Injectable()
export class MyService {
   constructor(@Inject("legacyModel") private legacyModel) {
      console.log("Legacy data — ", legacyModel);
    }
 }

Wymagaj aplikacji, a następnie uruchom ją.

require(["myAngular2App"], function(app) {
   app.runAngular2App(legacyModel); // Input to your APP
});