Закрытие p-диалогового окна PRIMENG по проблеме с выходом, когда в p-диалоге открыта маска - PullRequest
Новая
       11

Закрытие p-диалогового окна PRIMENG по проблеме с выходом, когда в p-диалоге открыта маска

2 голосов
/ 13 апреля 2019

У меня есть проблема, закрывающая p-диалог и причудливый ящик.Оба закрываются при нажатии escape, когда оба открыты.

Поток:

  1. Когда я открываю p-диалог, у меня появляется изображение в p-диалоге
  2. Когда я нажимаю на изображение, открывается необычная коробка
  3. Затем я нажимаю escape
  4. Оба закрыты

Я хочу закрыть оба по одному нанажмите клавишу escape, а не обе на одну клавишу.

1 Ответ

1 голос
/ 13 апреля 2019

В диалоге prime-ng есть свойство closeOnEscape. Вы можете использовать это свойство, чтобы закрыть диалоговое окно при выходе.

изначально сделайте это ложным. когда первый диалог закрывается при выходе. добавьте HostListener для escape-события и измените closeOnEscape на true.

поэтому одно за другим диалог будет закрыт.

пример:

в HTML: 

 <p-dialog closeOnEscape="closeDialog">
        <p-dropdown appendTo="body"></p-dropdown>
    </p-dialog>

в тс: 

closeDialog : bollean = false;

@HostListener('document:keydown.escape', ['$event']) onKeydownHandler(event: KeyboardEvent) {
    console.log(event);
    this.closeDialog = !this.closeDialog;
}

надеюсь, это поможет вам.

...