X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fvorgang%2Fvorgang.component.ts;fp=src%2Fapp%2Fvorgang%2Fvorgang.component.ts;h=587ebd40b041c08e19cfbb4fa166d013fa19e3b4;hb=aa33d7c5cdab5937010e2268acc6128da49f1d60;hp=ac504086b315096e9f26aaff0ce40a8ffc7bb40c;hpb=f86ac02519b04670654cb0692c97c2468bba6a8c;p=examples%2Fangular-tour-of-heroes

diff --git a/src/app/vorgang/vorgang.component.ts b/src/app/vorgang/vorgang.component.ts
index ac50408..587ebd4 100644
--- a/src/app/vorgang/vorgang.component.ts
+++ b/src/app/vorgang/vorgang.component.ts
@@ -1,8 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { Store, select } from '@ngrx/store';
+import { Store } from '@ngrx/store';
 import { increment, decrement, reset } from '../actions/vorgang';
-import { map } from 'rxjs/operators';
+import { VorgangService } from '../vorgang.service';
 import { State } from '../reducers';
 
 @Component({
@@ -14,8 +14,10 @@ export class VorgangComponent implements OnInit {
 
   vorgang$: Observable<number>;
 
-  constructor(private store: Store<{ vorgang: State }>) {
-    this.vorgang$ = store.pipe(select('vorgang'), map(vorgang => vorgang.counter));
+  constructor(
+    private store: Store<{ vorgang: State }>,
+    private service: VorgangService) {
+    this.vorgang$ = service.observe();
   }
 
   ngOnInit(): void {