如何检查div是否在angular 4中隐藏或可见？

Question

我已在组件中将“ sample”变量声明为false，并在HTML中指定了* ngIf条件检查。

显然它隐藏了div

但是在这里我想知道检查该div是隐藏还是可见？

预先感谢

Image

Answer 1

您需要应用[hidden]="myBooleanVariable"，如果*ngIf，请使用DOM阻止元素在false中呈现
HTML-Element现在应该用display:hidden

渲染

Answer 2

Angular ngIf指令根据truthy/falsy条件插入或删除元素。

这意味着，如果您使用*ngIf*，则div在DOM中将不可用。使用[hidden]="yourCondition"会将div / element保留在DOM中，但使它对用户隐藏。

因此，如果sample为假，而您正在使用*ngIf，则div将不会出现在DOM中，因此不可见。但是如果使用[hidden]="sample"，并且如果sample为true，它将隐藏div，但可以在DOM中使用。