我正在尝试使用 2 个不同单位的变量在 Angular NgStyle 上计算我的 div 宽度

Question

我正在尝试生成宽度：calc()，但我想对 2 个具有不同单位的变量进行减法，但它没有显示预期的输出。

[ngStyle]="{ 'width': calc(notHedgedProgress + '%' - newPositionX + 'px') }"

NotHedgedProgress 和 NewPositionX 是数字

如您所见，我正在尝试用 'px' 减去一个“%”单位变量。

Answer 1

你的变量必须被插值并且样式规则必须是字符串的形式：

[ngStyle]="{ 'width': 'calc(' + notHedgedProgress + '% - ' + newPositionX + 'px)' }"

Im trying to calc my div width on Angular NgStyle with 2 variables with different units