Angular 2
Bootstrap Module vide en angulaire 2

Un module vide

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

Ceci est un module vide ne contenant aucune déclaration, importation, fournisseur ou composant à bootstrap. Utilisez ceci une référence.

Un module avec la mise en réseau sur le navigateur 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 est le composant racine MyRootComponent dans MyModule . C'est le point d'entrée de votre application Angular 2.

Amorçage de votre module

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

platformBrowserDynamic().bootstrapModule( MyModule );

Dans cet exemple, MyModule est le module contenant votre composant racine. En démarrant MyModule votre application Angular 2 est prête à fonctionner.

Module racine d'application

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

Amorçage statique avec les classes d'usine

Nous pouvons amorcer statiquement une application en prenant la sortie Javascript ES5 simple des classes de fabrique générées. Ensuite, nous pouvons utiliser cette sortie pour amorcer l'application:

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

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

Cela entraînera une réduction de la taille du lot d'applications, car toute la compilation de modèles était déjà effectuée lors d'une étape de construction, en utilisant ngc ou en appelant directement ses composants internes.