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

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