javascript - examples - ng-show inquietante div layout-angularJS

ng-show angularjs

Question

Estoy usando ng-show="!notesOpened" para ocultar un div si la variable notesOpened es verdadera. Sin embargo, cuando está oculto, desordena el diseño. ¿Hay alguna manera de hacer que ng-show actúe de la misma manera que la visibility:hidden propiedad css visibility:hidden ? para que todos los elementos div alrededor del div estén ocultos permanezcan en el mismo lugar

Answer 1

Debes probar ng-class lugar para que puedas dar al div una clase que solo display:none

Answer 2

Tengo este trabajo funcionando

ng-style = "{visibilidad: notasAbierto && ''visible'' || ''oculto''}"

Answer 3

ng-hide utiliza la misma propiedad a la que se refiere, es decir, display: none .

Si necesita lograr esto, necesita usar visibility: hidden;

Para eso puedes usar el atributo ng-class .

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

  .vis-hidden{
     visibility: hidden;
  }