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

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

很明显，它隐藏了div

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

提前谢谢

---

您需要应用

[hidden]=“myBooleanVariable”

，

*ngIf

防止元素在

DOM

中呈现，如果

为false

---

HTML元素

现在应该使用

display:hidden

呈现。Angular

ngIf

指令根据

truthy/falsy

条件插入或删除元素

这意味着如果您使用

*ngIf*

该div将在DOM中不可用。使用

[hidden]=“yourCondition”

将在DOM中保留div/元素，但会使其显示对用户隐藏

---

因此，如果

sample

为false，并且您使用的是

*ngIf

，那么div将不存在于DOM中，因此不可见。但是如果使用

[hidden]=“sample”

，如果sample为true，它将隐藏div，但它将在DOM中可用。

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

哪里是“here”？只要检查相同的

sample

变量，不管它是否可见。我想检查该div是隐藏的还是可见的。我该怎么做？它不会隐藏该div，而是将其从DOM中删除。另外，请将代码作为文本直接粘贴到问题中，而不是作为图像：编辑器中有一个用于该操作的代码格式按钮。：）