FootsieNG FootsieNG - 21 days ago 6
AngularJS Question

ng-show disturbing div layout - angularJS

I am using

ng-show="!notesOpened"
to hide a div if the notesOpened variable is true. However when hidden it messes up layout. Is there a way to make ng-show act in the same way as the css property
visibility:hidden
? so that all div elements around the div being hidden stay in the same place

Answer

ng-hide uses the same property that you're referring to, i.e. display: none.

If you need to achieve this, you need to use visibility: hidden;

For that you can use the ng-class attribute.

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

  .vis-hidden{
     visibility: hidden;
  }