PrimeNG P-dialog 位置不适用于 Angular

Question

我正在尝试这个，但没有成功，使用 angular 8 和 Primeng 9.0.0-rc.4。太感谢了。

<p-dialog position="right" header="Change Password"  (visible)]="display">
    Content
</p-dialog>

https://www.primefaces.org/primeng/#/dialog

Answer 1

我遇到了同样的问题。位置="left" 不起作用。如果我做 [position]，我会得到 "ERROR in Can't bind to 'position' since it isn't a known property of 'p-dialog'"。即使查看 NPM 包我也找不到 "position"，只有 positionOverlay、positionLeft 和 positionTop。

仅供参考 - 如果您尝试自己定位对话框，positionLeft 和 positionTop 将不起作用，除非您同时拥有 positionLeft 和 positionTop。 (https://forum.primefaces.org/viewtopic.php?t=51000),

Answer 2

您可能想检查一下您使用的是什么 primeNG 版本。我认为 primeNG v8 的位置是属性但不是 v7 及以下。

v8: https://www.primefaces.org/primeng/#/dialog

v7: https://www.primefaces.org/primeng-7.1.3/#/dialog

Answer 3

9.0 版本刚出来，好像可以用了。在我更新之前，RC-4 给了我与 Scott L 相同的错误，它现在正在工作。

但是，我注意到 positionLeft 和 positionTop 似乎不起作用。此外，如果您指定位置和可拖动属性然后尝试拖动它，它会消失或移动到 window 的一半，并且您无法将其拖回。我会期望它会从指定的位置开始，直到你拖动它，但我没能让它工作。

Answer 4

position 仅适用于 prime 版本 9，以下版本使用 positionDirection，例如：[postionTop] = "15"

Answer 5

你可以使用这个cssclass

p-dialog.top-dialog .ui-dialog-wrapper .ui-dialog{ top: 5vh;}

然后把这个 class 给它：

<p-dialog class="top-dialog" ...>

PrimeNG P-dialog 位置不适用于 Angular

PrimeNG P-dialog position is not working with Angular

angular-material

primeng

angular