PrimeNg p对话框不会居中在第一个显示屏上
问题描述:
我正在构建一个角度2应用程序,并且正在使用PrimeNg p对话框构建对话框模式窗体。我注意到在某些情况下,对话窗口显示在屏幕的最左侧(而不是居中)。但是,在拖动浏览器窗口时,对话框会正确居中。PrimeNg p对话框不会居中在第一个显示屏上
我用一个很简单的对话(根据primeng documentation),之后设置显示为真:
<p-dialog header="Title" [(visible)]="display">
Content
</p-dialog>
为什么不从一开始就集中对话的任何想法?
答
经过进一步调查后,我发现问题在于对话框被包裹在ngIf中。删除后,定位已被纠正。
答
我有一个类似的问题。对话框位置在屏幕的最右侧。
在我的情况下,我使用了响应属性,因此我必须为width属性设置一个特定的宽度。
<p-dialog
width="640"
modal="modal"
dismissableMask="true"
[responsive]="true"
[(visible)]="display">
此评论拯救了我的生活......我一直在试图弄清楚为什么他们使用的逻辑不会触发,除非我在对话框弹出后调整屏幕大小!这是ngIf!精彩:)谢谢! –