ng-show тревожная маска div - angularJS

Я использую ng-show="!notesOpened" чтобы скрыть div, если переменная notesOpened является истиной. Однако, когда он скрыт, он испортил макет. Есть ли способ сделать ng-show act так же, как visibility:hidden свойства 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 = "{видимость: notesOpened && 'visible' || 'hidden'}"

Ответ 3

Вместо этого вы должны попробовать ng-class чтобы вы могли присвоить div классу, который display:none только display:none