10

我在我的Angular 5应用程序中使用p-dialog PrimeNG组件,如下所示:

<p-dialog [(visible)]="displayModal" [modal]="true" [width]="500" [height]="450" >
    <p-header> Title </p-header>
    <div class="form-group">
        <label for="approverComment">Comment</label>
        <textarea class="form-control" id="approverComment" rows="8"></textarea>
    </div>
    <p-footer>
        <button type="button" pButton icon="fa-close" (click)="displayModal=false" label="Cancel"></button>
    </p-footer>
</p-dialog>

这没有什么不寻常的。如果我将对话框设置为模态(如上所示),则不是只屏蔽背景,甚至我的对话框窗口也是灰色的,我无法按下我的取消按钮。退出的唯一方法是按Esc键。

如果我不将其设为模态,但我想将其设为模态,则对话框窗口可以正常工作。有人有这个问题p-dialog吗?我已经搜索了一段时间,但之前没有看到这个问题。

我正在使用带有PrimeNG 5.2.0-rc.2 的Angular 5

4

2 回答 2

9

您是否尝试过添加

[appendTo]=“‘body’”

pDialog 可能有点像噩梦。当对话框标签位于容器内时,我会遇到这个问题。

于 2018-06-17T05:31:18.217 回答
0

迟到的答案,但可能会帮助某人

添加appendTo ="body" 将使背景屏幕的模糊效果修复。

要完全移除背景模糊,请从 p-dialog 中移除以下参数[modal]="true"

于 2020-07-21T17:58:29.923 回答