Angular 2
Bootstrap Modulo vuoto in angolare 2

Un modulo vuoto

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

Questo è un modulo vuoto che non contiene dichiarazioni, importazioni, provider o componenti per il bootstrap. Usa questo riferimento.

Un modulo con collegamento in rete sul browser 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 è il componente root MyModule in MyModule . È il punto di accesso all'applicazione Angular 2.

Avvio automatico del modulo

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

platformBrowserDynamic().bootstrapModule( MyModule );

In questo esempio, MyModule è il modulo contenente il componente root. Con l'avvio automatico di MyModule l'app Angular 2 è pronta per l'uso.

Modulo radice dell'applicazione

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

Bootstrap statico con classi factory

Possiamo eseguire il bootstrap di un'applicazione in modo statico prendendo il semplice output JavaScript ES5 delle classi factory generate. Quindi possiamo usare quell'output per avviare l'applicazione:

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

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

Questo farà sì che il pacchetto di applicazioni sia molto più piccolo, poiché tutta la compilazione del modello è già stata eseguita in una fase di creazione, utilizzando ngc o chiamando direttamente i suoi interni.