我如何在 PrimeNG 中使用 dismissableMask

Question

我试图在单击对话框外部时隐藏对话框，但我无法在 PrimeNG 中使用 dismissabeMask 来实现。谁能帮帮我？

HTML

<button type="text" (click)="showDialog()" pButton icon="fa-external-link-square" label="Show"></button>
<p-dialog [(visible)]="display" [(dismissableMask)]="mask"> 
    <p-header>
        Error Message
    </p-header>
        <label>Label</label>
    <p-footer>
    </p-footer>
</p-dialog

TS

mask: boolean = false;
showDialog() {
  this.msg = this.errorMessages[id];
  this.display = true;
  this.mask = true;
}

Answer 1

改变

<p-dialog [(visible)]="display" [(dismissableMask)]="mask">

和

<p-dialog [(visible)]="display" modal="true" dismissableMask="true">

如果不添加 modal="true"，它将不起作用（参见 Plunker）

我如何在 PrimeNG 中使用 dismissableMask

How can I use dismissableMask in PrimeNG

primeng

angular

primeng-dialog