Как установить положение полей для панели PrimeNG overlay?

#angular #primeng #primeng-dialog

#angular #primeng #primeng-dialog

Вопрос:

Я хочу динамически устанавливать положение верхнего и левого полей для панели наложения PrimeNG. Как этого добиться?

Ответ №1:

Вы можете добиться этого с помощью тега [style] в вашем html:

 <p-overlayPanel [style]="marginStyle">
</p-overlayPanel>
  

и объявите нужное поле в файле .ts следующим образом:

 positionLeft = '90px'; 
positionTop = '20px';
marginStyle = { 'margin-left': this.positionLeft , 'margin-top': this.positionTop };
  

Вы можете посмотреть живой пример здесь:
https://stackblitz.com/edit/primeng-overlay-position-style

Комментарии:

1. Этот ответ помог мне установить стиль для OverlayPanel