ng-show disturbing div layout - angularJS

javascript css angularjs single-page-application ng-show

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;  }

javascript css angularjs single-page-application ng-show

I have got this working

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

javascript css angularjs single-page-application ng-show

You should try ng-class instead so you can give the div a class which only do display:none

CodeHunter