X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fvorgang%2Fvorgang.component.ts;h=8324ca002383574e56a4b70d6a99bc2e1d6e0341;hb=a232212e2aff197d3aea92194f83f76a241c3559;hp=5af78d001d55236fe49648a894a2221c4005801f;hpb=ebd9d8841452da2adb2d0c00357af646a97afcd8;p=examples%2Fangular-tour-of-heroes

diff --git a/src/app/vorgang/vorgang.component.ts b/src/app/vorgang/vorgang.component.ts
index 5af78d0..8324ca0 100644
--- a/src/app/vorgang/vorgang.component.ts
+++ b/src/app/vorgang/vorgang.component.ts
@@ -1,7 +1,9 @@
 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';
 
 @Component({
   selector: 'app-vorgang',
@@ -12,8 +14,8 @@ export class VorgangComponent implements OnInit {
 
   vorgang$: Observable<number>;
 
-  constructor(private store: Store<{ vorgang: number }>) {
-    this.vorgang$ = store.pipe(select('vorgang'));
+  constructor(private store: Store<{ vorgang: State }>) {
+    this.vorgang$ = store.pipe(select('vorgang'), map(vorgang => vorgang.counter));
   }
 
   ngOnInit(): void {