angular - 如何检查 div 在 Angular 4 中是隐藏还是可见？

Question

我已在组件中将“sample”变量声明为 false，并在 HTML 中分配 *ngIf Condition check。

显然它隐藏了div

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

提前致谢

图片

Answer 1

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

Answer 2

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

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

所以如果sample是假的并且你正在使用*ngIfdiv 将不会出现在 DOM 中，因此不可见。但是如果使用[hidden]="sample"，并且如果 sample 为真，它将隐藏 div 但它会在 DOM 中可用。