Angular 2
Bootstrap Leeres Modul in Winkel 2

Ein leeres Modul

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

Dies ist ein leeres Modul, das keine Deklarationen, Importe, Anbieter oder Komponenten für den Bootstrap enthält. Verwenden Sie dies als Referenz.

Ein Modul mit Vernetzung im 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 ist die in MyModule gepackte MyModule . Es ist der Einstiegspunkt in Ihre Angular 2-Anwendung.

Bootstrapping deines Moduls

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

platformBrowserDynamic().bootstrapModule( MyModule );

In diesem Beispiel ist MyModule das Modul, das Ihre MyModule enthält. Durch Bootstrapping von MyModule Ihre Angular 2-App einsatzbereit.

Anwendungsstammmodul

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

Statisches Bootstrapping mit Factory-Klassen

Wir können eine Anwendung statisch bootstrapieren, indem Sie die einfache ES5-Javascript-Ausgabe der generierten Factory-Klassen verwenden. Dann können wir diese Ausgabe verwenden, um die Anwendung zu booten:

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

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

Dies führt dazu, dass das Anwendungspaket wesentlich kleiner ist, da die gesamte Vorlagenkompilierung bereits in einem Erstellungsschritt durchgeführt wurde, entweder mit ngc oder direktem Aufruf der internen Daten.