import { NgModule } from '@angular/core' ; import { CommonModule } from '@angular/common' ; import { FormsModule , ReactiveFormsModule } from '@angular/forms' ; import { HttpModule } from '@angular/http' ; import { RouterModule } from '@angular/router' ; /**
 * Angular 2 Material
 * Docs: https://material.angular.io
 */ import { MatButtonModule , MatIconModule , MatListModule , MatMenuModule , MatSidenavModule , MatToolbarModule } from '@angular/material' ; /**
 * Angular 2 Flex Layout
 * Integration with Angular CLI: https://github.com/angular/flex-layout/wiki/Integration-with-Angular-CLI
 * API: https://github.com/angular/flex-layout/wiki/API-Documentation
 */ import { FlexLayoutModule } from '@angular/flex-layout' ; /**
 * App modules
 */ import { ViewTitleModule } from './view-title/view-title.module' ; /**
 * Modules
 */ export const modules = [ CommonModule , FormsModule , HttpModule , ReactiveFormsModule , RouterModule , FlexLayoutModule , MatButtonModule , MatIconModule , MatListModule , MatMenuModule , MatSidenavModule , MatToolbarModule , ViewTitleModule ] ; /**
 * Components
 */ export const components = [ ] ; /**
 * Entry Components
 */ export const entryComponents = [ ] ; /**
 * Directives
 */ export const directives = [ ] ; /**
 * Pipes
 */ export const pipes = [ ] ; /**
 * Guards
 */ export const guards = [ ] ; /**
 * Resolvers
 */ export const resolvers = [ ] ; /**
 * Services
 */ export const services = [ ] ; @ NgModule ( { imports : [ ... modules ] , declarations : [ ... directives , ... components , ... entryComponents , ... pipes ] , entryComponents : [ ... entryComponents ] , providers : [ ... services , ... guards , ... resolvers ] , exports : [ ... modules , ... directives , ... components , ... pipes ] } ) export class SharedModule { }