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 패키지화 된 루트 구성 요소입니다. Angular 2 응용 프로그램의 시작점입니다.

모듈 부트 스트랩하기

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

platformBrowserDynamic().bootstrapModule( 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 Javascript 출력을 사용하여 응용 프로그램을 정적으로 부트 스트랩 할 수 있습니다. 그런 다음이 출력을 사용하여 응용 프로그램을 부트 스트랩 할 수 있습니다.

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

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

이렇게하면 ngc를 사용하거나 내부를 직접 호출하여 모든 템플리트 컴파일이 이미 빌드 단계에서 완료 되었기 때문에 응용 프로그램 번들이 훨씬 작아집니다.