Angular 2
Angular2 बूटस्ट्रैप से पहले ऐप को बाहरी डेटा प्रदान करता है

परिचय

वाया निर्भरता इंजेक्शन

सीधे कोणीय के बूटस्ट्रैप कोड को लागू करने के बजाय, बूटस्ट्रैप कोड को एक फ़ंक्शन में लपेटें और फ़ंक्शन को निर्यात करें। यह फ़ंक्शन मापदंडों को भी स्वीकार कर सकता है।

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

फिर, किसी भी सेवा या घटकों में हम "विरासत मॉडल" को इंजेक्ट कर सकते हैं और उस तक पहुंच प्राप्त कर सकते हैं।

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

ऐप की आवश्यकता है और फिर इसे चलाएं।

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