Angular 2
Bootstrap Opróżnij moduł pod kątem 2

Pusty moduł

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

Jest to pusty moduł niezawierający deklaracji, importów, dostawców ani komponentów do bootstrapu. Użyj tego odniesienia.

Moduł z obsługą sieci w przeglądarce internetowej.

// 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 jest głównym składnikiem spakowanym w MyModule . Jest to punkt wejścia do aplikacji Angular 2.

Uruchamianie modułu

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

platformBrowserDynamic().bootstrapModule( MyModule );

W tym przykładzie MyModule jest modułem zawierającym składnik główny. Po uruchomieniu MyModule aplikacja Angular 2 jest gotowa do pracy.

Główny moduł aplikacji

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

Ładowanie statyczne z klasami fabrycznymi

Możemy statycznie załadować aplikację, pobierając zwykłe wyjście JavaScript ES5 z wygenerowanych klas fabrycznych. Następnie możemy użyć tego wyniku do uruchomienia aplikacji:

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

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

Spowoduje to, że pakiet aplikacji będzie znacznie mniejszy, ponieważ cała kompilacja szablonów została już wykonana w kroku kompilacji, przy użyciu ngc lub bezpośredniego wywołania jego elementów wewnętrznych.