Как программно переназначить диалог PrimeNG при увеличении ширины контента

Question

Новое для PrimeNG / Angular здесь. У нас есть элемент, который сначала открывается как довольно маленькое окно. Пользователи могут щелкнуть ссылку, чтобы развернуть диалоговое окно. При расширении ширина увеличивается вправо, но диалоговое окно остается таким же, как при первом открытии.

Я понимаю, что должен быть метод dialog center (), но я не могу понять, как его подключить. Спасибо!

Answer 1

Получил это, используя это как вдохновение: PrimeNG p-dialog positionTop

По сути, я устанавливаю «расширенный» класс для самого элемента ui-dialog,а также некоторые внутренние элементы, а затем программно установить левую позицию.

private centerDialog() {
    const dialogElement = <HTMLElement>document.querySelector('.ui-dialog');

    if (!dialogElement) {
      setTimeout(() => {
        this.centerDialog();
      }, 100);
    } else {
      this.toggleExpandedClass();
      dialogElement.style.left =
        window.innerWidth / 2 - dialogElement.clientWidth / 2 + 'px';
    }
  }