1 import { Component, OnInit } from '@angular/core';
2 import { Store, select } from '@ngrx/store';
3 import { Observable } from 'rxjs';
4 import { increment, decrement, reset } from '../actions/vorgang';
7 selector: 'app-vorgang',
8 templateUrl: './vorgang.component.html',
9 styleUrls: ['./vorgang.component.css']
11 export class VorgangComponent implements OnInit {
13 vorgang$: Observable<number>;
15 constructor(private store: Store<{ vorgang: number }>) {
16 this.vorgang$ = store.pipe(select('vorgang'));
23 this.store.dispatch(increment());
27 this.store.dispatch(decrement());
31 this.store.dispatch(reset());