ng-hide控制Htm的DOM l元素的展示与隐藏

利用ng-hide来控制图片的隐藏和显示；当布尔值hasId 为假时，则展示div中的图片，hasId 为真时，则隐藏div中的图片。

初始值$scope.hasId =false;

<div ng-hide="hasId" style="width: 100%;height: 500px;">
    <div class="text-center v-middle " style="margin-top: 150px"><img src="/static/images/th3.jpg"></div>
</div>

提到ng-hide，不可避免提到ng-if 和ng-show 这两个指令：

ng-if 指令用于在表达式为 false 时移除 HTML 元素。
如果 if 语句执行的结果为 true，会添加移除元素，并显示。
ng-if 指令不同于 ng-hide， ng-hide 隐藏元素，而 ng-if 是从 DOM 中移除元素。


ng-show 指令在表达式为 true 时显示指定的 HTML 元素，否则隐藏指定的 HTML 元素。

语法：
<element ng-show="expression"></element>
所有的 HTML 元素支持该指令。