在 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