@tsmean/animal/delete-animal/delete-animal.component.ts

Animal Module

import {Component, Input, OnInit} from '@angular/core';
import {Animal} from '../animal';
import {AnimalService} from '../animal.service';
import {AnimalDashboardListStore} from '../animal-dashboard-list.store';
import {AnimalStoreService} from '../animal.store';

@Component({
  selector: 'animal-delete',
  templateUrl: './delete-animal.component.html',
  styleUrls: ['./delete-animal.component.css']
})
export class DeleteAnimalComponent implements OnInit {

  @Input()
  animal: Animal;

  constructor(
    private animalService: AnimalService,
    private dashboardList: AnimalDashboardListStore,
    private animalStore: AnimalStoreService
  ) { }

  ngOnInit() {
  }

  public deleteAnimal() {
    this.animalService.deleteAnimal(this.animal.uid).subscribe(() => {
      this.animalStore.remove(this.animal.uid);
      this.dashboardList.removeById(this.animal.uid);
    });
  }

}