import { CommonModule } from '@angular/common' ; import { NgModule } from '@angular/core' ; import { EffectsModule } from '@ngrx/effects' ; import { StoreModule } from '@ngrx/store' ; import { FormsModule , ReactiveFormsModule } from '@angular/forms' ; import { ZooRoutingModule } from './zoo-routing.module' ; import { MaterialModule } from './../core/material' ; import { StageComponent , ScoreBoardComponent , } from './containers' ; import * as fromZoo from './reducers' ; import { ComputersEffects } from './effects' ; import { ZooService } from './services/zoo.service' ; export const COMPONENTS = [ ] ; export const CONTAINERS = [ StageComponent , ScoreBoardComponent , ] ; @ NgModule ( { imports : [ FormsModule , ReactiveFormsModule , CommonModule , MaterialModule , ZooRoutingModule , StoreModule . forFeature ( fromZoo . zooFeatureKey , fromZoo . reducers ) , EffectsModule . forFeature ( [ ComputersEffects ] ) , ] , declarations : [ COMPONENTS , CONTAINERS ] , providers : [ { provide : ZooService } , ] } ) export class ZooModule { }