Angular 元素 ngif hidden visibility 显示和隐藏

小渣渣

如果想要隐藏某个DOM元素，在AngularJS中可以使用ng-show, ng-hide, 或者ng-if。

回顾：

angular2 *ngIf与[hidden]对比
https://www.itsvse.com/thread-7606-1-1.html

使用 *ngIf

他会直接移除DOM元素。

使用 [hidden]

Angular中其实使用了HTML原生的hidden属性进行元素显示隐藏，hidden属性其实是为元素添加了display: none样式，并不会移除 DOM 元素。

使用 visibility

display:none;不占位隐藏，隐藏元素及元素内的所有内容，并且该元素的位置、宽高等其他属性值一并“消失”；

visibility:hidden;占位隐藏，隐藏元素及元素内的所有内容，但是该元素的位置、宽高等属性值仍然还在。默认值：visible。

代码：

登录可见。