ng-show тревожный макет div - angularJS

Я использую ng-show="!notesOpened", чтобы скрыть div, если переменная notesOpened имеет значение true. Однако, когда он скрыт, он портит макет. Есть ли способ заставить ng-show действовать так же, как свойство css visibility:hidden? так что все элементы div вокруг скрытого div остаются на одном месте


javascript css angularjs single-page-application ng-show
person FootsieNG    schedule 14.04.2014    source источник

Ответы (3)


arrow_upward
24
arrow_downward

ng-hide использует то же свойство, о котором вы говорите, то есть display: none.

Если вам нужно добиться этого, вам нужно использовать visibility: hidden;

Для этого вы можете использовать атрибут ng-class.

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

  .vis-hidden{
     visibility: hidden;
  }
person Pooja Shah    schedule 14.04.2014

arrow_upward
16
arrow_downward

у меня это работает

ng-style="{видимость: notesOpened && 'видимый' || 'скрытый'}"

person Himanth Kumar    schedule 23.09.2014

arrow_upward
3
arrow_downward

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

person Fuzzyma    schedule 14.04.2014
comment
нет такого понятия как display: hidden, есть только display: none и visibility: hidden - person Hubert Grzeskowiak; 16.11.2016