AngularJS ng-if 指令
AngularJS 實例
取消選中，並移除內容:
<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body ng-app="">保留HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true"><div ng-if="myVar"><h1>Welcome</h1><p>Welcome to my home.</p><hr></div><p>當複選框取消選中時DIV 元素將移除。 </p><p>當重新選中復選框，DIV 元素會重新顯示。 </p></body></html>
定義和用法
ng-if 指令用於在表達式為false 時移除HTML 元素。
如果if 語句執行的結果為true，會添加移除元素，並顯示。
ng-if 指令不同於ng-hide， ng-hide 隱藏元素，而ng-if 是從DOM 中移除元素。
文法
<element ng-if="expression"></element>
所有的HTML 元素都支持該指令。
參數值
| 值 | 描述 |
|---|---|
| expression | 如果表達式返回false 則會移除整個元素，如果為true，則會添加元素。 |
以上就是對AngularJS基礎知識的整理，後續繼續補充，謝謝大家的支持。