以角度动态设置div高度

Question

我有一个要求，其中基于组件中的某些变量值，我需要不显示按钮。如果要显示按钮，则当不显示按钮时，父div高度将大于div高度。

在两种情况下，我的像素高度均为div。但是是否显示按钮是动态决定的，因此我可以在CSS中硬编码div的高度。

我该如何实现？

Answer 1

您可以基于show的值为true或false使用ngStyle：

<div [ngStyle]="{'height': show ? '10px' : '100px' }"></<div>

Answer 2

 <button id="myBtn">hello</button> 

 #myBtn{  
       display: block;
 }

 var element = document.getElementById('myBtn'),
     style = window.getComputedStyle(element),
     isShow = style.getPropertyValue('display');

您可以控制按钮的显示值。