[AngularJS]ngShow 與 ngHide

AngularJS 中 ngShow 與 ngHide 可以自由控制 HTML 的顯示和隱藏

ngShow

<form>
    <input type="checkbox" ng-model="checked">
    <div ng-show="checked">我顯示出來了</div>
</form>

範例中將 checkbox 跟 div 綁在同一組 model 上，因為 checked 預設是 undefined，所以預設是隱藏起來的，當勾選後隱藏的div便會顯示出來

ngHide
ngHide 則與 ngShow 相反

<form>
    <input type="checkbox" ng-model="checked">
    <div ng-hide="checked">我顯示出來了</div>
</form>