import { Component, Inject, Optional, OnInit, HostListener, ViewChild, ElementRef } from '@angular/core'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material'; @Component({ selector: 'view-iframe', templateUrl: './view-iframe.component.html', styles: [ `iframe { width: 100%; height: 420px; margin-top: -40px; }` ], }) export class ViewIframeDialog implements OnInit { public cancelButtonSetFocus: boolean = true; @ViewChild('iframe') iframe: ElementRef; constructor( @Optional() @Inject(MAT_DIALOG_DATA) private dialogData: any, public dialogRef: MatDialogRef) { } ngOnInit(): void { this.loadData(); } loadData() { let el = this.iframe.nativeElement; el.src = `viewgroup?groupid=${this.dialogData.group.groupId}&iseditable=false`; } }