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

   1 import { Component, OnInit } from '@angular/core';
   2 import { VorgangService } from '../vorgang.service';
   3 import { Vorgang } from '../vorgang';
   4 import { Store, select } from '@ngrx/store';
   5 import { Observable } from 'rxjs';
   6 import { create } from '../actions/vorgang';
   7 import { tap, map } from 'rxjs/operators';
   8
   9 @Component({
  10   selector: 'app-vorgang',
  11   templateUrl: './vorgang.component.html',
  12   styleUrls: ['./vorgang.component.css']
  13 })
  14 export class VorgangComponent implements OnInit {
  15
  16   vorgang$: Observable<Vorgang[]>;
  17
  18   constructor(
  19       private service: VorgangService,
  20       private store: Store<{ vorgang: Vorgang[] }>) {
  21     this.vorgang$ = store.pipe(select('vorgang')).pipe(
  22       tap((state) => console.log(`New state: ${JSON.stringify(state)}`)),
  23       map((state: State) => state.vorgaenge));
  24   }
  25
  26   ngOnInit(): void {
  27   }
  28
  29   create(data: string) {
  30     this
  31       .service
  32       .create({ vbId: 'peter', vorgangId: '1' , zustand: data })
  33       .subscribe(result => this.store.dispatch(create( { vorgang: result })));
  34   }
  35 }