css - 在NgStyle中设置高度的TypeScript函数不起作用

我已经设计了形状，并希望根据TypeScript函数确定其高度，但是ngStyle不会将高度应用于形状。

HTML：

<div class = "card" [ngStyle] = "{'height': CalculateHeight()}" (click) = 'onSelect()'>

功能：

CalculateHeight(): number {
  let CardHeight = ((this.Card.duration.Hours * 60) +
    (this.Card.duration.Minutes)) * 2;

  if (CardHeight <= 60) {
    CardHeight = 60;
  }

  console.log(CardHeight);

  return CardHeight;
}

问题是什么？

最佳答案

CalculateHeight仅返回一个数字。但是height要正常工作，还必须有unit。

尝试以下行。

< div class = "card" [ngStyle] = "{'height.px': CalculateHeight()}" (click) = 'onSelect()' >

注意.px。它将成功。

要么。您可以使CalculateHeight返回结尾处带有高度单位的字符串。例如400px。

关于css - 在NgStyle中设置高度的TypeScript函数不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56966210/