juplo.de Git - examples/angular-tour-of-heroes/blob - src/app/vorgang/vorgang.component.ts

   1 import { Component, OnInit } from '@angular/core';
   2 import { Observable } from 'rxjs';
   3 import { Store } from '@ngrx/store';
   4 import { increment, decrement, reset } from '../actions/vorgang';
   5 import { VorgangService } from '../vorgang.service';
   6 import { State } from '../reducers';
   7
   8 @Component({
   9   selector: 'app-vorgang',
  10   templateUrl: './vorgang.component.html',
  11   styleUrls: ['./vorgang.component.css']
  12 })
  13 export class VorgangComponent implements OnInit {
  14
  15   vorgang$: Observable<number>;
  16
  17   constructor(
  18     private store: Store<{ vorgang: State }>,
  19     private service: VorgangService) {
  20     this.vorgang$ = service.observe();
  21   }
  22
  23   ngOnInit(): void {
  24   }
  25
  26   increment() {
  27     this.store.dispatch(increment());
  28   }
  29
  30   decrement() {
  31     this.store.dispatch(decrement());
  32   }
  33
  34   reset() {
  35     this.store.dispatch(reset());
  36   }
  37 }