WIP: Extract interaction with store into service

[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 4c8233d..e69251d 100644 (file)
--- a/src/app/vorgang/vorgang.component.ts
+++ b/src/app/vorgang/vorgang.component.ts
@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { VorgangService } from '../vorgang.service';
 
 @Component({
   selector: 'app-vorgang',
@@ -7,9 +9,24 @@ import { Component, OnInit } from '@angular/core';
 })
 export class VorgangComponent implements OnInit {
 
-  constructor() { }
+  vorgang$: Observable<number>;
+
+  constructor(private service: VorgangService) {
+    this.vorgang$ = service.observe();
+  }
 
   ngOnInit(): void {
   }
 
+  increment() {
+    this.service.increment();
+  }
+
+  decrement() {
+    this.service.decrement();
+  }
+
+  reset() {
+    this.service.reset();
+  }
 }