import { Component, ContentChild, OnInit, ElementRef, TemplateRef, ViewEncapsulation } from '@angular/core'; import { MatDialog } from '@angular/material/dialog'; @Component({ selector: 'onguard-modal-container', templateUrl: './modal-container.component.html', styleUrls: ['./modal-container.component.scss'], encapsulation: ViewEncapsulation.None }) export class ModalContainerComponent implements OnInit { @ContentChild('modalContent') modalContentRef: TemplateRef; constructor(public dialog: MatDialog) {} openDialog() { const dialogRef = this.dialog.open(this.modalContentRef); dialogRef.afterClosed().subscribe(result => { }); } ngOnInit(): void { } }