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

diff --git a/src/app/vorgang/vorgang.component.ts b/src/app/vorgang/vorgang.component.ts
index ddcfe43..5af78d0 100644
--- a/src/app/vorgang/vorgang.component.ts
+++ b/src/app/vorgang/vorgang.component.ts
@@ -1,4 +1,7 @@
 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',
@@ -7,11 +10,24 @@ import { Component, OnInit } from '@angular/core';
 })
 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());
+  }
 }