在 angular10 中添加 class 以及 angular ts 文件中的樣式屬性

Question

我必須在按鈕單擊時將 class 添加到 div 以及 class 中的 height 屬性。 class 將具有一個屬性高度，該高度每次根據 div 的高度動態計算。 我不想將樣式屬性添加到我的 div 元素。 我想添加一個具有高度屬性的 class 。

Answer 1

如果 NgClass 不是一個選項，因為您希望 class 是動態的，您可以在組件 ts 文件中編寫 function ，如下所示：

getStyles() {
  let calcHeight = .... // do the calcutions
  return {'height': calcHeight + 'px'};
}

然后在 html 文件中

<div [ngStyle]="getStyles()"></div>

Answer 2

您可以使用自定義屬性指令： https://angular.io/guide/attribute-directives