Angular 2
कोणीय 2 में बूटस्ट्रैप खाली मॉड्यूल

एक खाली मॉड्यूल

import { NgModule } from '@angular/core';

@NgModule({
  declarations: [], // components your module owns.
  imports: [], // other modules your module needs.
  providers: [], // providers available to your module.
  bootstrap: [] // bootstrap this root component.
})
export class MyModule {}

यह एक खाली मॉड्यूल है जिसमें बूटस्ट्रैप के लिए कोई घोषणा, आयात, प्रदाता या घटक नहीं हैं। इस संदर्भ का उपयोग करें।

वेब ब्राउज़र पर नेटवर्किंग के साथ एक मॉड्यूल।

// app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { MyRootComponent } from './app.component';

@NgModule({
  declarations: [MyRootComponent],
  imports: [BrowserModule, HttpModule],
  bootstrap: [MyRootComponent]
})
export class MyModule {}

MyRootComponent में पैक जड़ घटक है MyModule । यह आपके कोणीय 2 अनुप्रयोग का प्रवेश बिंदु है।

अपने मॉड्यूल बूटस्ट्रैपिंग

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { MyModule }               from './app.module';

platformBrowserDynamic().bootstrapModule( MyModule );

इस उदाहरण में, MyModule आपके मूल घटक वाला मॉड्यूल है। MyModule बूटस्ट्रैप MyModule आपका Angular 2 ऐप जाने के लिए तैयार है।

आवेदन रूट मॉड्यूल

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent }  from './app.component';

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

फैक्टरी कक्षाओं के साथ स्टेटिक बूटस्ट्रैपिंग

हम जेनरेट किए गए फ़ैक्टरी वर्गों के सादे ES5 जावास्क्रिप्ट आउटपुट को ले कर किसी एप्लिकेशन को स्टैटिकली बूटस्ट्रैप कर सकते हैं। फिर हम उस आउटपुट का उपयोग एप्लिकेशन को बूटस्ट्रैप करने के लिए कर सकते हैं:

import { platformBrowser } from '@angular/platform-browser';
import { AppModuleNgFactory } from './main.ngfactory';

// Launch with the app module factory.
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

यह एप्लिकेशन बंडल को बहुत छोटा कर देगा, क्योंकि सभी टेम्पलेट संकलन पहले से ही एक बिल्ड स्टेप में किए गए थे, या तो ngc का उपयोग कर रहे थे या सीधे अपने आंतरिक कॉल कर रहे थे।