如何在 PrimeNG 中使用dismissableMask答案

【问题标题】：How can I use dismissableMask in PrimeNG如何在 PrimeNG 中使用dismissableMask
【发布时间】：2018-03-16 12:46:07
【问题描述】：

当我在对话框外部单击时，我试图隐藏一个对话框，但我无法在 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

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

【问题讨论】：

标签： angular primeng primeng-dialog

【解决方案1】：

改变

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

与

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

如果不加modal="true"，就不行（见Plunker）

【讨论】：

它正在工作，但是当我尝试滚动时，背景正在滚动。
将[blockScroll]=true 添加到您的p-dialog。