angular - PrimeNG 动态对话框 - 单击即可关闭

Question

我使用 PrimeNG 的动态对话框。

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

标签： angulartypescriptprimengprimeng-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
    });