PrimeNG 动态对话框 - 点击关闭

Question

我使用 PrimeNG 的 Dynamic Dialog。

如何通过单击对话框周围的“无处”区域强制关闭对话框？ 目前我只能通过对话框中的按钮关闭对话框。

Answer 1

您可以使用 dismissableMask 属性 来做到这一点。

dismissableMask 属性 指定单击模态背景是否应隐藏对话框。

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