angular - 如何在 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）