dialog parent example from route

dialog-parent-example.ts

@Component({
  selector: 'dialog-parent-example',
  templateUrl: 'dialog-parent-example.html',
  styleUrls: ['dialog-parent-example.css'],
})
export class DialogParentExample {
  routeQueryParams: Subscription;
  constructor(public dialog: MatDialog, private route: ActivatedRoute) {}
  
  ngOnInit() {
    this.routeQueryParams = route.queryParams.subscribe(params => {
      if (params['dialog']) {
        this.openDialog();
      }
    });
  }

  ngOnDestroy() {
    this.routeQueryParams.unsubscribe();
  }

  openDialog(): void {
    const dialogRef = this.dialog.open(DialogOverviewExampleDialog, {
      width: '250px',
      data: {name: 'Sample Dialog'}
    });

    dialogRef.afterClosed().subscribe(result => {
      console.log('The dialog was closed', result);
    });
  }
}