primeNG 中的对话框组件在移动视图上没有响应

Question

我使用 primeNG (Angular2) 来显示模态：

<p-dialog appendTo="body" [(visible)]="displayCreateGateway" modal]="true" [width]="700">

当我在移动视图中（小于声明的 700 像素）模式无法正确显示。例如：我有 window 宽度 500 像素，但模态生成的宽度为 700 像素（正确的是 width:100%）。我认为这不是我的代码的错误，因为在官方网站 primeNG 情况是一样的。

你知道如何解决这个问题吗？最简单的方法可能是在 css 中添加媒体查询，但是从 primeNG 覆盖组件并不容易。也许对 JS 有帮助？

Answer 1

如果你查看 the documentation of the component，你会看到一个 styleClass 属性，使用方式如下：

<p-dialog styleClass="myStyle">

当您这样做时，它会向组件添加一个新的 class，允许您根据需要设置样式。