ng-show disturbing div layout - angularJS

Question

Sto usando ng-show="!notesOpened" per nascondere un div se la variabile notesOpened è vera. Tuttavia, quando nascosto, incasina il layout. C'è un modo per far funzionare ng-show allo stesso modo della proprietà css visibility:hidden? in modo che tutti gli elementi div intorno al div essere nascosti permanenza nello stesso posto

Answer 1

ng-hide utilizza la stessa proprietà che ti stai riferendo a, cioè display: none.

Se è necessario per raggiungere questo obiettivo, è necessario utilizzare visibility: hidden;

Per questo è possibile utilizzare l'attributo ng-class.

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

.vis-hidden{ 
    visibility: hidden; 
    } 

Answer 2

Si dovrebbe cercare ng-class invece in modo da poter dare il div una classe che solo fare display:none

Answer 3

ho ottenuto questo lavoro

ng-style = "{visibilità: notesOpened & & 'visibile' || 'nascosto'}"