angular - 如何为 primeNG 覆盖面板设置边距位置？

Question

我想为 primeNG 覆盖面板动态设置 margin-top 和 margin-left 位置。如何做到这一点？

Answer 1

您可以使用html 中的标签[style]来实现：

<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