AngularJS基础 ng-if 指令用法
AngularJSng-if指令
AngularJS实例
取消选中，并移除内容:
<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <scriptsrc="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <bodyng-app=""> 保留HTML:<inputtype="checkbox"ng-model="myVar"ng-init="myVar=true"> <divng-if="myVar"> <h1>Welcome</h1> <p>Welcometomyhome.</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中移除元素。
语法
<elementng-if="expression"></element>
所有的HTML元素都支持该指令。
参数值
| 值 | 描述 |
|---|---|
| expression | 如果表达式返回false则会移除整个元素，如果为true，则会添加元素。 |
以上就是对AngularJS基础知识的整理，后续继续补充，谢谢大家的支持。