title: Unable to see count value in counter example using ngRx
body: <p>Here is the code:</p>
  
  <blockquote>
    <p>state.ts</p>
  </blockquote>
  
  <pre><code>export interface AppState{
    count : number;
  }
  </code></pre>
  
  <blockquote>
    <p>actions.ts</p>
  </blockquote>
  
  <pre><code>export const INCREMENT: string = '[Counter] INCREMENT';
  export class increment implements Action{
     readonly type = INCREMENT;
  }
  
  export const DECREMENT: string = '[Counter] DECREMENT';
  export class decrement implements Action{
      readonly type = DECREMENT;
  }
  
  export type All
      = increment
      | decrement;
  </code></pre>
  
  <blockquote>
    <p>reducer.ts</p>
  </blockquote>
  
  <pre><code>const initState: AppState = { count: 0 };
  
  export function counterReducer(state: AppState = initState, action: Action)         {
    switch (action.type) {
      case INCREMENT:
          return Object.assign({}, state, { count: state.count + 1 });
      case DECREMENT:
          return Object.assign({}, state, { count: state.count - 1 });
      default:
          return state;    
    }
  }
  </code></pre>
  
  <blockquote>
    <p>module.ts</p>
  </blockquote>
  
  <pre><code>@NgModule({
    declarations: [AppComponent],
    imports: [
      BrowserModule,
      FormsModule,
      HttpModule,
      StoreModule.forRoot({counterReducer})
    ],
    providers : [],
    bootstrap: [AppComponent]
  })
  export class AppModule {}
  </code></pre>
  
  <blockquote>
    <p>my-component.ts</p>
  </blockquote>
  
  <pre><code>export class AppComponent {
    title = 'Welcome to the Redux Counter example';
    counter$ : Observable&lt;number&gt;;
    constructor(public store : Store&lt;AppState&gt;,){
      this.counter$ = this.store.select('count'); // &lt;-- This is not working
    }
  
    increase(){
      this.store.dispatch(new increment());
    }
  
    decrease(){
      this.store.dispatch(new decrement());
    }
  }
  </code></pre>
  
  <p>I am not able to see <code>counter$</code> getting changed, although the reducers are getting called and the state getting changed. As my 1st ngRx project I know I am missing a very small concept while observing the <code>Store</code>.</p>
  
  <p>can someone please help ?</p>