可见性:隐藏在Angular 2中

jes*_*ana 31 css angular

在角度2中实现元素不可见性的建议方法是什么(visibility:hidden不显示元素但保持空间占用)?它有一个[hide]指令,但似乎与a类似display:none

Con*_*Fan 75

您可以visibility使用样式绑定设置style属性:

<div [style.visibility]="'hidden'"></div>
<div [style.visibility]="isDivVisible ? 'visible' : 'hidden'"></div>
Run Code Online (Sandbox Code Playgroud)

这个plunker中显示了一个例子.


Lan*_*nou 9

您还可以使用angular的功能来动态检查属性并使用NgStyle刷新DOM:

<div [ngStyle]="{'visibility':isDivVisible ? 'visible' : 'hidden'}"></div>