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

Question

我正试图以编程方式在Angular4中创建一个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>

这很好用。下一步是从@Input()设置position > offset。该变量称为offsetY。我试着简单地把var而不是100放成这样：

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

但弹出棒在0 0甚至在CCD_ 6。查看文档&DevExtreme论坛我找不到任何相关的东西。

有人知道怎么做吗？

Answer 1

您将offsetY变量放入字符串中。它不会被识别。尝试创建一个字符串offsetY。因此，为了实现您的功能：-

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

在你的组件中创建一个字符串，

offsetY: string = "0 150";

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