### File

`src/app/app.module.ts`

### Declarations

- AppComponent
- CheckoutHeaderComponent
- CheckoutFooterComponent

### Imports

- HomeModule
- LayoutModule
- CoreModule
- SharedModule

### Bootstrap

- AppComponent

    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { FormsModule } from '@angular/forms';
    import { HttpModule } from '@angular/http';
    import { RouterModule } from '@angular/router';

    // Components
    import { AppComponent } from './app.component';
    // Routes
    import { routes } from './app.routes';
    // Modules
    import { SharedModule } from './shared/index';
    import { UserModule } from './user/index';
    import { HomeModule } from './home/index';
    import { LayoutModule } from './layout/index';
    import { CoreModule } from './core/index';
    import { StoreModule } from '@ngrx/store';
    import { reducer } from './app.reducers';
    import { CheckoutHeaderComponent } from './layout/checkout-header/checkout-header.component';
    import { CheckoutFooterComponent } from './layout/checkout-footer/checkout-footer.component';

    // adding rx operators
    import 'rxjs/add/operator/map';
    import 'rxjs/add/operator/filter';
    import 'rxjs/add/operator/switchMap';
    import 'rxjs/add/operator/catch';
    import 'rxjs/add/operator/do';
    import 'rxjs/add/operator/finally';
    import 'rxjs/add/observable/of';

    @NgModule({
      declarations: [
        AppComponent,
        CheckoutHeaderComponent,
        CheckoutFooterComponent
      ],
      imports: [
        RouterModule.forRoot(routes),
        StoreModule.provideStore(reducer),
        BrowserModule,
        FormsModule,
        HttpModule,
        HomeModule,
        LayoutModule,
        CoreModule,
        SharedModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

# results matching ""

# No results matching ""