Позиция PrimeNG P-диалога не работает с Angular

Question

Я пытаюсь это сделать, но безуспешно, используя angular 8 и Primeng 9.0.0-r c .4. Огромное спасибо.

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

https://www.primefaces.org/primeng/# / диалоговое окно

Answer 1

позиция работает только с версией 9 простого, для версии ниже используйте positionDirection, пример: [postionTop] = "15"

Answer 2

Возможно, вы захотите проверить, какую версию PrimeNG вы используете. Я думаю, что у PrimeNG v8 есть свойство position, но не v7 и ниже.

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

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

Answer 3

Выпуск 9.0 только что вышел, и, похоже, работает. R C -4 выдавал мне ту же ошибку, что и Скотт Л., до того как я обновился, теперь он работает.

Однако я заметил, что positionLeft и positionTop, похоже, не работают. Кроме того, если вы укажете положение и свойства перетаскивания, а затем попытаетесь перетащить его, оно исчезнет или переместится на полпути за пределы окна, и вы не сможете перетащить его назад. Я бы ожидал , что он начнется в указанной позиции, пока вы не перетащите его, но я не смог заставить его работать.

Answer 4

У меня та же проблема. position = "left" не работает. Если я делаю [position], я получаю «ERROR in Can't bind to 'position', так как это не известное свойство 'p-dialog'". Даже глядя в пакет NPM, я не могу найти «position», просто positionOverlay, positionLeft и positionTop.

FYI - если вы попытаетесь позиционировать диалог самостоятельно, positionLeft и positionTop не будут работать, если вы есть оба positionLeft и positionTop. (https://forum.primefaces.org/viewtopic.php?t=51000),