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
   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<Vorgang[]>;
  16
  17   constructor(
  18       private service: VorgangService,
  19       private store: Store<{ vorgang: Vorgang[] }>) {
  20     this.vorgang$ = store.pipe(select('vorgang'));
  21   }
  22
  23   ngOnInit(): void {
  24   }
  25
  26   create(data: string) {
  27     this
  28       .service
  29       .create({ vbId: 'peter', vorgangId: '1' , zustand: data })
  30       .subscribe(result => this.store.dispatch(create( { vorgang: result })));
  31   }
  32 }