counter test

gistfile1.txt

import {Component, ViewChild, ViewChildren} from 'angular2/core';
import {Observable} from 'rxjs/Observable';
import {Store} from '@ngrx/store';
import {INCREMENT, DECREMENT, RESET} from './../../../counter';

@Component({
    selector: 'my-app',
    template: `
      <button (click)="increment()">Increment</button>
        <div>Current Count: {{ counter | async }}</div>
        <button (click)="decrement()">Decrement</button>
        <br/>
        <button (click)="increment2()">Increment</button>
        <div>Current Count: {{ counter2 | async }}</div>
        <button (click)="decrement2()">Decrement</button>
    `
})
export class MyStore {
    counter: Observable<number>;
    counter2: Observable<number>;
    constructor(public store: Store<any>, public store2: Store<any>){
        this.counter = store.select('counter');
        this.counter2 = store2.select('counter2');
    }
    increment(){
        this.store.dispatch({ type: INCREMENT });
    }
    decrement(){
        this.store.dispatch({ type: DECREMENT });
    }
    reset(){
        this.store.dispatch({ type: RESET });
    }
    increment2(){
        this.store2.dispatch({ type: INCREMENT });
    }
    decrement2(){
        this.store2.dispatch({ type: DECREMENT });
    }
    reset2(){
        this.store2.dispatch({ type: RESET });
    }
    ngOnDestroy() {
        this.reset();
        this.reset2();
    }
}