ng-show/ng-hide

ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏。类似地,当赋值给ng-hide指令的值为true时元素也会被隐藏。

元素的显示或隐藏是通过移除或添加ng-hide这个CSS类来实现的。.ng-hide类被预先定义在了AngularJS的CSS文件中,并且它的display属性的值为none(用了!important标记)。

<div ng-show="2 + 2 == 5">
2 + 2 isn't 5, don't show

     </div>
     <div ng-show="2 + 2 == 4">

         2 + 2 is 4, do show
     </div>

<div ng-hide="2 + 2 == 5">
2 + 2 isn't 5, don't hide

</div>

     <div ng-hide="2 + 2 == 4">
         2 + 2 is 4, do hide

</div>