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 {}

これは、宣言、インポート、プロバイダ、またはブートストラップするコンポーネントを含まない空のモジュールです。これを参考にしてください。

Webブラウザ上でネットワーキングを行うモジュール。

// 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はMyRootComponentパッケージされたルートコンポーネントMyModule 。これは、Angular 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 Javascript出力を使用して、アプリケーションを静的にブートストラップすることができます。次に、その出力を使用してアプリケーションをブートストラップします。

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

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

これにより、ngcを使用したり、内部で直接呼び出しを行ったりすることで、すべてのテンプレートのコンパイルがビルドステップですでに完了しているため、アプリケーションバンドルが大幅に小さくなります。