Angular 2
Bootstrap módulo vacío en angular 2

Un modulo vacío

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

Este es un módulo vacío que no contiene declaraciones, importaciones, proveedores ni componentes para bootstrap. Utilice esta una referencia.

Un módulo con red en el navegador 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 es el componente raíz empaquetado en MyModule . Es el punto de entrada a su aplicación Angular 2.

Bootstrapping su módulo

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

platformBrowserDynamic().bootstrapModule( MyModule );

En este ejemplo, MyModule es el módulo que contiene su componente raíz. Al MyModule su aplicación Angular 2 está lista para funcionar.

Módulo raíz de aplicación

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

Bootstrapping estático con clases de fábrica

Podemos arrancar una aplicación de forma estática tomando la salida de Javascript ES5 de las clases de fábrica generadas. Entonces podemos usar esa salida para arrancar la aplicación:

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

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

Esto hará que el paquete de aplicaciones sea mucho más pequeño, ya que toda la compilación de la plantilla ya se realizó en un paso de compilación, usando ngc o llamando directamente a sus componentes internos.