css - 如何使用组件中的变量在角度样式绑定中使用 css calc()

Question

如何使用带有 css函数的Angular样式绑定语法来动态设置元素的。calc()width

使用React，我可以简单地写：-

<div style = {{
   width: `calc((${currentStep - 1 } * (100% / ${steps - 1})) - 6px)`
}}>

</div>

使用Angular，我想完成同样的事情：-

<div
[style.width] = `calc((${currentStep - 1 } * (100% / ${steps - 1})) - 6px)`
>
  
</div>

标签： cssreactjsangular

Answer 1

您可以尝试以下方法：

[style. width]="getWidth(currentStep, steps)"