Динамическое диалоговое окно PrimeNG — закрыть щелчком в никуда

#angular #typescript #primeng #primeng-dialog

#angular #typescript #primeng #primeng-dialog

Вопрос:

Я использую динамический диалог из PrimeNG.

Как я могу принудительно закрыть диалоговое окно, щелкнув в области «нигде» вокруг диалогового окна? В настоящее время я могу закрыть диалоговое окно только с помощью кнопок внутри диалогового окна.

Ответ №1:

Для этого вы можете использовать dismissableMask свойство.

dismissableMask свойство указывает, должен ли щелчок по модальному фону скрывать диалоговое окно.

     this.dialogService.open(ProductListDemo, {
        header: 'Choose a Product',
        width: '70%',
        contentStyle: {"max-height": "500px", "overflow": "auto"},
        baseZIndex: 10000,
        dismissableMask: true
    });
 

Комментарии:

1. Вот и все. Спасибо 🙂