DOM操作相關指令
- ng-show:針對元素的展現、隱藏，是通過CSS的display來實現的。參數true是展現，false是隱藏。隱藏時不保留該位置。
代碼示例：
<div ng-show="true">bbbbbbbbb</div>頁面結果展示：
ng-hide：與ng-show的作用相反，true隱藏，false顯示
ng-if：針對元素的操作，true顯示，false隱藏。ng-if不是通過CSS樣式來針對元素的操作，而是針對DOM節點，true是添加節點，false是刪除節點。
代碼示例：（通過綁定的數據來控制）
<script>
var m = angular.module('myApp',['ngSanitize']);//引入相應模塊
m.controller('Aaa',['$scope',function($scope){
$scope.bBtn = true;
}]);
</script>
<div ng-controller="Aaa">
<input type="checkbox" ng-model="bBtn">
<div ng-if="bBtn">bbbbbbbbb</div>
</div>頁面結果展示：
- ng-switch：有選擇性的進行顯示、隱藏
-on ：與ng-switch配合使用
-default：默認true的值，顯示該值
-when：false時顯示該值
代碼示例：
<script>
var m = angular.module('myApp',['ngSanitize']);//引入相應模塊
m.controller('Aaa',['$scope',function($scope){
$scope.bBtn = true;
}]);
</script>
<div ng-controller="Aaa">
<input type="checkbox" ng-model="bBtn">
<div ng-switch on="bBtn">
<p ng-switch-default>默認的效果</p>
<p ng-switch-when="false">切換的效果</p>
</div>
</div>頁面結果展示：
- ng-open：與HTML5中的open屬性相類似，用於只兼容的谷歌和safari的標籤。true展開詳細內容，false不展示。
代碼示例：
<script>
var m = angular.module('myApp',['ngSanitize']);//引入相應模塊
m.controller('Aaa',['$scope',function($scope){
$scope.bBtn = true;
}]);
</script>
<div ng-controller="Aaa">
<input type="checkbox" ng-model="bBtn">
<details ng-open="bBtn">
<summary>lalalala</summary>
<p>kdsvbckunsdjnlknfuvbnkjdflknvsmlcdknfvlcknrejncjfnvfd</p>
</details>
</div>頁面結果展示：
