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