微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript-primeNG中的对话框组件对移动视图无响应

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

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

当我在移动视图(小于声明的700px)上时,模式不会正确显示.例如:我的窗口宽度为500 px,但模态生成为700 px(正确的是width:100%).我认为这不是我的代码的错,因为在官方网站primeNG中情况是一样的.

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

解决方法:

如果查看the documentation of the component,您将看到一个styleClass属性,其用法如下:

<p-dialog styleClass="myStyle">

当您这样做时,它将向该组件添加一个新类,使您可以根据需要设置其样式.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐