ng-show störende div layout - angularJS

Question

Ich verwende ng-show="!notesOpened", um ein div zu verbergen, wenn die notesOpened-Variable wahr ist. Wenn es jedoch ausgeblendet wird, vermasselt es das Layout. Gibt es eine Möglichkeit, ng-show auf die gleiche Weise wie die css-Eigenschaft visibility:hidden zu agieren? so dass alle div-Elemente rund um die div Aufenthalt im selben Ort versteckt

Answer 1

ng-hide verwendet die gleiche Eigenschaft, die Sie sich beziehen zu, dh .

Wenn Sie dies erreichen müssen, müssen Sie visibility: hidden;

Dafür verwenden, können Sie das ng-class Attribut verwenden.

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

.vis-hidden{ 
    visibility: hidden; 
    } 

Answer 2

sollten Sie versuchen, ng-class statt, so dass Sie die div eine Klasse geben kann, die nur tun display:none

Answer 3

Ich habe haben dieses Arbeits

ng-style = "{Sichtbarkeit: notesOpened & & 'sichtbar' || 'versteckt'}"