Css 如何设置角4中元素的动态高度?

Css 如何设置角4中元素的动态高度?,css,angular,Css,Angular,我无法使用Angular 4 typescript动态设置Div元素的高度 提前谢谢 可以为以下两个类添加样式: .class1{高度:20px} .class2{高度:40px} 对于div add[class]=“如果有什么?'class1':'class2'” 使用ElementRef.nativeElement.getElementByClassName并更改js中div的样式 使用具有要输入的高度的变量。。。然后使用[ngStyle]=“{'height':[yourVariableN

我无法使用Angular 4 typescript动态设置Div元素的高度

提前谢谢

  • 可以为以下两个类添加样式: .class1{高度:20px} .class2{高度:40px}
  • 对于div add[class]=“如果有什么?'class1':'class2'”

  • 使用ElementRef.nativeElement.getElementByClassName并更改js中div的样式

  • 使用具有要输入的高度的变量。。。然后使用[ngStyle]=“{'height':[yourVariableName]}”

    可以使用[style.height]如下所示:

     //shouldExpand  is a condition, you can replace it with  your condition
    <div class="yourClass"
    [style.height]="shouldExpand === true ? '100px' : '70px'">   
    
    //shouldExpand是一个条件,您可以用您的条件替换它
    
    使用具有要输入的高度的变量。。。然后使用[ngStyle]=“{'height':[yourVariableName]}”非常感谢,我从1天以来一直在尝试找不到这个有效的语法。很高兴能帮到你,你也能接受答案吗?谢谢