Angular 2
Bootstrap Lege module in hoek 2

Een lege module

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

Dit is een lege module die geen declaraties, importen, providers of componenten bevat om op te starten. Gebruik dit een referentie.

Een module met netwerken in de webbrowser.

// 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 is de MyModule verpakt in MyModule . Het is het toegangspunt tot uw Angular 2-toepassing.

Bootstrapping uw module

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

platformBrowserDynamic().bootstrapModule( MyModule );

In dit voorbeeld is MyModule de module met uw MyModule . Door MyModule bootstrappen MyModule je Angular 2-app klaar voor gebruik.

Applicatie root module

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

Statische bootstrapping met fabrieksklassen

We kunnen een toepassing statisch opstarten door de eenvoudige ES5 Javascript-uitvoer van de gegenereerde fabrieksklassen te nemen. Dan kunnen we die output gebruiken om de applicatie op te starten:

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

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

Dit zorgt ervoor dat de applicatiebundel veel kleiner is, omdat alle sjablooncompilatie al in een buildstap is uitgevoerd, met behulp van ngc of door rechtstreeks de interne onderdelen ervan aan te roepen.