import { Component, OnInit } from '@angular/core';
-import { Store, select } from '@ngrx/store';
import { Observable } from 'rxjs';
-import { State } from '../reducers/vorgang';
-import { increment, decrement, reset } from '../actions/vorgang';
-import { map } from 'rxjs/operators';
+import { VorgangService } from '../vorgang.service';
@Component({
selector: 'app-vorgang',
vorgang$: Observable<number>;
- constructor(private store: Store<{ vorgang: State }>) {
- this.vorgang$ = store.pipe(select('vorgang'), map(vorgang => vorgang.counter));
+ constructor(private service: VorgangService) {
+ this.vorgang$ = service.observe();
}
ngOnInit(): void {
}
increment() {
- this.store.dispatch(increment());
+ this.service.increment();
}
decrement() {
- this.store.dispatch(decrement());
+ this.service.decrement();
}
reset() {
- this.store.dispatch(reset());
+ this.service.reset();
}
}