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
    });