在使用angular 5解析时遇到css calc()遇到麻烦

时间:2018-08-28 08:24:00

标签: angularjs

我需要通过以下一些计算为元素添加边距:

[ngStyle]="{'margin-left': calc(sustainScrore && sustainScrore.scoring && sustainScrore.scoring.score ? sustainScrore.scoring.score + '%' : '0%')}"

这似乎引发了错误:

  

错误TypeError:_co.calc不是正在寻找解决方案的函数。

1 个答案:

答案 0 :(得分:1)

[ngStyle]="{ 'margin-left': 'calc(' + (sustainScrore?.scoring?.score || '0') + '%)' }"

这应该可以解决问题。

您的问题没有考虑将calc作为字符串:Angular在寻找要调用的功能,而您想创建CSS属性。我还通过安全的导航操作员减少了代码,使代码更简洁。

如果您想进一步减少它,请使用style.XXX表示法:

[style.margin-left]="'calc(' + (sustainScrore?.scoring?.score || '0') + '%)'"