Bootstrap Empty module in angular 2 All Versions

Examples

• 7

  An empty module
  7

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

  This is an empty module containing no declarations, imports, providers, or components to bootstrap. Use this a reference.

  edited Oct 12 '16 at 16:16

  

  
  edit share discuss request improvement

  edit move example delete example
• 3

  Application Root Module
  3

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

  created Sep 11 '16 at 22:32

  
  edit share discuss request improvement

  edit move example delete example
• 2

  Bootstrapping your module
  2

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

  In this example, MyModule is the module containing your root component. By bootstrapping MyModule your Angular 2 app is ready to go.

  edited Oct 12 '16 at 16:16

  

  
  edit share discuss request improvement

  edit move example delete example
• 1

  A module with networking on the web browser.
  1

  // 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 is the root component packaged in MyModule. It is the entry point to your Angular 2 application.

  edited Sep 11 '16 at 13:32

  

  
  edit share discuss request improvement

  edit move example delete example
• 0

  Static bootstrapping with factory classes
  0

  We can statically bootstrap an application by taking the plain ES5 Javascript output of the generated factory classes. Then we can use that output to bootstrap the application:

  import { platformBrowser } from '@angular/platform-browser';
  import { AppModuleNgFactory } from './main.ngfactory';
  
  // Launch with the app module factory.
  platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
  

  This will cause the application bundle to be much smaller, because all the template compilation was already done in a build step, using either ngc or calling its internals directly.

  created Dec 14 '16 at 4:23

  
  edit share discuss request improvement

  edit move example delete example