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

【问题标题】：Angular2: How to use css calc() with some component value?Angular2：如何使用具有某些组件值的 css calc()？
【发布时间】：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>

【讨论】：