WIP

[examples/angular-tour-of-heroes] / src / app / vorgang / vorgang.component.ts

diff --git a/src/app/vorgang/vorgang.component.ts b/src/app/vorgang/vorgang.component.ts
index cfd8560..986b1b2 100644 (file)
--- a/src/app/vorgang/vorgang.component.ts
+++ b/src/app/vorgang/vorgang.component.ts
@@ -3,7 +3,9 @@ import { VorgangService } from '../vorgang.service';
 import { Vorgang } from '../vorgang';
 import { Store, select } from '@ngrx/store';
 import { Observable } from 'rxjs';
+import { tap, map } from 'rxjs/operators';
 import { create } from '../actions/vorgang';
+import { State } from '../reducers/vorgang';
 
 @Component({
   selector: 'app-vorgang',
@@ -16,8 +18,10 @@ export class VorgangComponent implements OnInit {
 
   constructor(
       private service: VorgangService,
-      private store: Store<{ vorgang: Vorgang[] }>) {
-    this.vorgang$ = store.pipe(select('vorgang'));
+      private store: Store<{ vorgang: { vorgaenge: Vorgang[] }}>) {
+    this.vorgang$ = store.pipe(select('vorgang')).pipe(
+      tap((state) => console.log(`New state: ${JSON.stringify(state)}`)),
+      map((state: State) => state.vorgaenge));
   }
 
   ngOnInit(): void {