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

Question

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

Answer 1

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

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

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

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

  .vis-hidden{
     visibility: hidden;
  }