Angular2：如何使用具有某些组件值的 css calc()？

Posted 2023-03-06

【中文标题】Angular2：如何使用具有某些组件值的 css calc()？

【英文标题】：Angular2: How to use css calc() with some component value?

【发布时间】：2018-01-09 10:24:05

【问题描述】：

我想使用calc CSS 函数根据组件值计算div 高度。它给我的错误：

TypeError: co.calc 不是函数

我的代码：

<div [ngStyle]="'height': calc(100% - + assetScreenSize + px)">
</div>

【问题讨论】：

[ngStyle]="'height': 'calc(100% -' + assetScreenSize + 'px)'"

谢谢，需要在减号 ` - ` 后面加空格。正确：[ngStyle]="'height':'calc(100% - ' + assetScreenSize + 'px)'"

@PARAMANANDAPRADHAN 谢谢！！效果很好

【参考方案1】：

您的语法不正确。正确的做法是：

<div [ngStyle]="'height': 'calc(100% -' + assetScreenSize + 'px)'">
</div>

【讨论】：

我还没有找到更好看的解决方案。这很好用。谢谢！

你有一个额外的报价。它应该是 'height': 'calc(100% -' + assetsScreenSize + 'px)'