PrimeNg p对话框不会居中在第一个显示屏上

我正在构建一个角度2应用程序，并且正在使用PrimeNg p对话框构建对话框模式窗体。我注意到在某些情况下，对话窗口显示在屏幕的最左侧（而不是居中）。但是，在拖动浏览器窗口时，对话框会正确居中。PrimeNg p对话框不会居中在第一个显示屏上

我用一个很简单的对话（根据primeng documentation），之后设置显示为真：

<p-dialog header="Title" [(visible)]="display"> 
    Content 
</p-dialog>

为什么不从一开始就集中对话的任何想法？

经过进一步调查后，我发现问题在于对话框被包裹在ngIf中。删除后，定位已被纠正。

2016-11-25 13:21:41 user2707674

此评论拯救了我的生活......我一直在试图弄清楚为什么他们使用的逻辑不会触发，除非我在对话框弹出后调整屏幕大小！这是ngIf！精彩:)谢谢！ –

我有一个类似的问题。对话框位置在屏幕的最右侧。

在我的情况下，我使用了响应属性，因此我必须为width属性设置一个特定的宽度。

<p-dialog 
    width="640" 
    modal="modal" 
    dismissableMask="true" 
    [responsive]="true" 
    [(visible)]="display">

2017-10-18 12:24:28

回答