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

时间:2014-04-14 13:03:47

标签: javascript css angularjs single-page-application ng-show

如果notesOpened变量为true,我正在使用ng-show="!notesOpened"来隐藏div。然而,当它隐藏它会弄乱布局。有没有办法让ng-show以与css属性visibility:hidden相同的方式行事?以便隐藏div周围的所有div元素都保持在同一个地方

3 个答案:

答案 0 :(得分:24)

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

如果您需要实现此目标,则需要使用visibility: hidden;

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

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

  .vis-hidden{
     visibility: hidden;
  }

答案 1 :(得分:16)

我有这个工作

  

ng-style =“{visibility:notesOpened&&'visible'||'hidden'}”

答案 2 :(得分:3)

您应该尝试使用ng-class,这样您就可以给div一个只有display:none

的类