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，甚至 offsetY = 150。查看 DevExtreme 的文档和论坛，我找不到任何相关信息。

有人知道怎么做吗？

Answer 1

您将 offsetY 变量放入字符串中。它不会被识别。尝试创建一个字符串 offsetY。所以要实现你的功能：-

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

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

offsetY: string = "0 150";

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

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

DXpopup position offset top relative to a variable

angular

devextreme