pipeline-builder-demo/src/app/shared/dialog/dialog.component.ts

Pipeline Builder

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'pb-dialog',
  templateUrl: 'dialog.component.html',
  styleUrls: ['dialog.component.scss'],
  host: {
    '[class.show]': 'isDisplay'
  }
})
export class DialogComponent implements OnInit {
  isDisplay: boolean;

  constructor() { }

  ngOnInit() {
  }

  open = () => {
    this.isDisplay = true;
  };

  close = () => {
    this.isDisplay = false;
  };
}