# ng-if
ng-if為true顯示dom，否則不顯示dom
## 案例
~~~
<!DOCTYPE html>
<!--加載模塊-->
<html lang="en" ng-app="myapp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--加載樣式-->
<link rel="stylesheet" href="css/index.css">
<!--加載Angular類庫-->
<script src="bower_components/angular/angular.min.js"></script>
<!--加載模塊創建文件-->
<script src="js/app.js"></script>
<!--加載控制器創建文件-->
<script src="js/index.js"></script>
</head>
<body>
<!--加載控制器-->
<div ng-controller="my_c">
<h1 ng-if="true">aaaaaaaaaaaa</h1>
<!--不會顯示-->
<h1 ng-if="false">bbbbbbbbbbbbb</h1>
</div>
</body>
</html>
~~~
- Angular簡介
- angular1資料網站
- Angular初級部分
- 打破傳統的前端
- Angular基本組成部分
- Angular環境搭建
- Angular項目測試
- Angular基礎概念
- Angular模塊
- Angular控制器
- Angular指令
- Angular表達式
- Angular視圖
- Angular基礎實戰
- Angular模塊創建和使用
- Angular控制器和模型創建
- scope對象
- 控制器中調度window對象和document對象
- Angular表達式調度過濾器
- Angular中的ng模塊全局方法
- Angular模板應用
- 使用指令復制元素
- 使用指令隱藏顯示元素
- Angular指令ng-if
- ng-src和ng-href
- Angular處理樣式
- Angular作用域事件傳遞
- 表單中的元素
- Angular初學者常見的坑
- 再論雙向綁定
- Angular中級部分
- Angular路由機制
- ui-router管理狀態
- ui-router狀態嵌套和視圖嵌套
- ui-router多個命名的視圖
- ui-router路由控制
- 自定義指令
- 自定義過濾器
- Angular項目目錄結構
- Angular服務
- Angular高級部分
- Angular依賴注入
- README