javascript - primeNG 中的对话框组件在移动 View 上没有响应

Question

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

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

当我在移动 View (小于声明的 700 像素)上时，模态显示不正确。例如:我的窗口宽度为 500 像素，但模态生成的宽度为 700 像素(正确的宽度为:100%)。我认为这不是我的代码的错误，因为在官方网站 primeNG 情况是一样的。

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

Answer 1

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

<p-dialog styleClass="myStyle">

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