import { Component, OnInit } from '@angular/core';
+import { Store, select } from '@ngrx/store';
+import { Observable } from 'rxjs';
+import { increment, decrement, reset } from '../actions/vorgang';
@Component({
selector: 'app-vorgang',
})
export class VorgangComponent implements OnInit {
- vorgang = "Hello world!";
+ vorgang$: Observable<number>;
- constructor() { }
+ constructor(private store: Store<{ vorgang: number }>) {
+ this.vorgang$ = store.pipe(select('vorgang'));
+ }
ngOnInit(): void {
}
+ increment() {
+ this.store.dispatch(increment());
+ }
+
+ decrement() {
+ this.store.dispatch(decrement());
+ }
+
+ reset() {
+ this.store.dispatch(reset());
+ }
}