Максимальная ошибка в открытом диалоговом окне под углом 6 с применением

Question

Я использую Angular 6 с PrimeNg.Я хочу открыть диалог как можно больше.Я могу сделать это с помощью кода ниже.Но в методе toggleMaximize он дал мне такую ​​ошибку: event.preventdefault не является функцией .В чем может быть причина этой ошибки.

    <p-dialog #dialStudent (onShow)="showDialogMaximized($event,dialStudent)" [(visible)]="displayDialog">
        asdfgh
    </p-dialog>

.ts file

showDialogMaximized(event, dialog: Dialog) {
    dialog.maximized = false;
    dialog.toggleMaximize(event);
  }

primeNg toggleMaximize method

Dialog.prototype.toggleMaximize = function (event) {
        if (this.maximized)
            this.revertMaximize();
        else
            this.maximize();
        event.preventDefault();
    };

Answer 1

//in p-dialog
[(visible)]="display" 

showDialog() {
    this.display = true;

    setTimeout(() => {
        const ele: HTMLElement = document.getElementsByClassName('pi-window-maximize')[0] as HTMLElement;
        setTimeout(() => {
            ele.click();
        }, 0);
    }, 0);
}

Вызовите функцию выше по нажатию любой кнопки

Answer 2

Я нашел решение.Мы должны использовать метод maximize вместо метода toggleMaximize.И мы должны использовать с setTimeout.Если мы не используем setTimeout, autoHeight диалога не работает должным образом.

  showDialogMaximized(dialog: Dialog) {
    setTimeout(() => {
      dialog.maximize();
    }, 0);
  }