当模态时，PrimeNG对话框组件不会关闭

Question

我有一个模态PrimeNG对话框组件，看起来像这样

<p-dialog 
header="{{title}}" 
[(visible)]="display"
[modal]="true"
[dismissableMask]="true"
[closeOnEscape]="true"
[responsive]="true"
[closable]="false"
>
  {{content}}
</p-dialog>

我遇到的问题是，如果属性[closable]="false"被设置为dismissMask＆amp;逃生物业停止工作。根据{{​​3}}，它表示只有X应该消失。我怎么能摆脱＆＃34; X＆＃34;保持hideOnMask的功能点击？

最好的问候，Aghi

Answer 1

让所有这些都成真

<p-dialog 
header="{{title}}" 
[(visible)]="display"
[modal]="true"
[dismissableMask]="true"
[closeOnEscape]="true"
[responsive]="true"
[closable]="true"
>
  {{content}}
</p-dialog>

并更改关闭按钮的CSS。你可以从doc看到css类。

.ui-dialog-titlebar-close {
  display:none;
}