modal.component.ts

import { Component, OnInit, Input } from '@angular/core';
import { ModalService } from './modal/modal.service';
import { BehaviorSubject } from 'rxjs';

@Component({
  selector: 'app-modal',
  templateUrl: './modal.component.html',
  styleUrls: ['./modal.component.css']
})
export class ModalComponent implements OnInit {
  @Input() title: string;
  @Input() subHeading: string;
  @Input() className: string;
  @Input() modalName: string;
  toggleModal: BehaviorSubject<string>;

  constructor(private modalService: ModalService) {}

  ngOnInit() {
    this.toggleModal = this.modalService.toggalModal;
  }

  closeModal() {
    this.modalService.toggalModal.next('none')
  }
}