1 import { Component, OnInit } from '@angular/core';
2 import { Store, select } from '@ngrx/store';
3 import { Observable } from 'rxjs';
4 import { State } from '../reducers/vorgang';
5 import { increment, decrement, reset } from '../actions/vorgang';
6 import { map } from 'rxjs/operators';
9 selector: 'app-vorgang',
10 templateUrl: './vorgang.component.html',
11 styleUrls: ['./vorgang.component.css']
13 export class VorgangComponent implements OnInit {
15 vorgang$: Observable<number>;
17 constructor(private store: Store<{ vorgang: State }>) {
18 this.vorgang$ = store.pipe(select('vorgang'), map(vorgang => vorgang.counter));
25 this.store.dispatch(increment());
29 this.store.dispatch(decrement());
33 this.store.dispatch(reset());