Angular 2
Bootstrap Tom modul i vinkel 2

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

Detta är en tom modul som inte innehåller några deklarationer, import, leverantörer eller komponenter för att starta upp. Använd den här referensen.

En modul med nätverk i webbläsaren.

// 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 är MyRootComponent är förpackad i MyModule . Det är ingångspunkten för din Angular 2-applikation.

Starta om din modul

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

platformBrowserDynamic().bootstrapModule( MyModule );

I det här exemplet är MyModule modulen som innehåller din rotkomponent. Genom att starta upp MyModule din Angular 2-app redo att gå.

Applikationsrotmodul

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

Statisk bootstrapping med fabriksklasser

Vi kan statiskt starta upp ett program genom att ta den vanliga ES5 Javascript-utgången från de genererade fabriksklasserna. Sedan kan vi använda den utgången för att starta om applikationen:

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

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

Detta kommer att göra att applikationspaketet blir mycket mindre, eftersom all mallkompilering redan gjordes i ett byggsteg, med antingen ngc eller direkt ringde sina internals.