DXpopup位置相对于变量的顶部偏移

Question

我正在尝试以编程方式在Angular4中创建一个('C1:', 25) ('C2:', 64) ，并从顶部开始自定义偏移。这是我的代码：

dx-popup

这很好。下一步是从<dx-popup [position]= "{ my: 'left top', at: 'left top', offset: '0 100'}" [showTitle]="false" [dragEnabled]="false" [shading]="true" [height]="60" [shadingColor]= "'rgba(0, 0, 0, 0)'" [closeOnOutsideClick]="true" (onHidden)="closeMe()" [width] ="171" [(visible)]="isAlive"> </dx-popup> 设置position > offset。该变量称为@Input()。我试过简单地将var而不是100放置成这样：

offsetY

，但弹出窗口在[position]= "{ my: 'left top', at: 'left top', offset: '0 offsetY'}"处也停留在0 0处。在DevExtreme的文档和论坛中，我找不到任何相关的信息。

有人对如何执行此操作有想法吗？

Answer 1

您将offsetY变量放在字符串中。它不会被认可。尝试创建字符串offsetY。因此，要实现您的功能：-

[position]= "{ my: 'left top', at: 'left top', offset: offsetY}"

然后在您的组件中创建一个字符串，

offsetY: string = "0 150";

您可以进一步操纵此字符串以进行动态更改。