ng-show 令人不安的 div 布局 - angularJS

Posted 2023-02-19

【中文标题】ng-show 令人不安的 div 布局 - angularJS

【英文标题】：ng-show disturbing div layout - angularJS

【发布时间】：2014-05-28 11:00:40

【问题描述】：

如果 notesOpened 变量为真，我将使用 ng-show="!notesOpened" 隐藏 div。但是，当隐藏时，它会弄乱布局。有没有办法让 ng-show 以与 css 属性visibility:hidden 相同的方式运行？这样被隐藏的div周围的所有div元素都留在同一个地方

【参考方案1】：

ng-hide 使用您所指的相同属性，即display: none。

如果需要实现这个，需要使用visibility: hidden;

为此，您可以使用ng-class 属性。

例如：ng-class="'vis-hidden': notesOpened==true"

  .vis-hidden
     visibility: hidden;
  

【参考方案2】：

我已经搞定了

ng-style="visibility: notesOpened && 'visible' || 'hidden'"

【参考方案3】：

你应该试试ng-class，这样你就可以给div一个只做display:none的类

【讨论】：

没有display: hidden，只有display: none和visibility: hidden