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

Question

我设计了一个形状，我想根据 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;
}

问题是什么？

Answer 1

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

尝试以下行。

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

注意 .px。它会成功的。

或。您可以使 CalculateHeight 返回一个字符串，并在末尾附加高度单位。例如 400px。