ModalService

class MyDialog implements Dialog { resolveWith: (result?: any) => void; okay() {   doSomeWork().subscribe(result => {     this.resolveWith(result);   }) } cancel() {   this.resolveWith(false); }}

<ng-template vdrDialogTitle>Title of the modal</ng-template><p>  My Content</p><ng-template vdrDialogButtons>  <button type="button"          class="btn"          (click)="cancel()">Cancel</button>  <button type="button"          class="btn btn-primary"          (click)="okay()">Okay</button></ng-template>

interface Dialog<R = any> {    resolveWith: (result?: R) => void;}

interface DialogConfig<T> {    title: string;    body?: string;    translationVars?: { [key: string]: string | number };    buttons: Array<DialogButtonConfig<T>>;    size?: 'sm' | 'md' | 'lg' | 'xl';}

interface ModalOptions<T> {    size?: 'sm' | 'md' | 'lg' | 'xl';    verticalAlign?: 'top' | 'center' | 'bottom';    closable?: boolean;    locals?: Partial<T>;}