I am using ng-show="!notesOpened"
to hide a div if the notesOpened variable is true. However when hidden it messes up layout. Is there a way to make ng-show act in the same way as the css property visibility:hidden
? so that all div elements around the div being hidden stay in the same place
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试):
问题:
回答1:
ng-hide
uses the same property that you're referring to, i.e. display: none
.
If you need to achieve this, you need to use visibility: hidden;
For that you can use the ng-class
attribute.
eg: ng-class="{'vis-hidden': notesOpened==true}"
.vis-hidden{
visibility: hidden;
}
回答2:
I have got this working
ng-style="{visibility: notesOpened && 'visible' || 'hidden'}"
回答3:
You should try ng-class
instead so you can give the div a class which only do display:none