angularJS学习之路(九)---ng-if

来源:互联网 发布:淘宝优惠券尺寸是多少 编辑:程序博客网 时间:2024/05/16 12:12


ng-if  指令可以根据表示的结果   在DOM中生成或者移除一个元素   而且是完全移除  不是隐藏或者显示


而且需要注意的是:当重新被插入的时候,元素的状态是   原始状态  而不是上次移除时的状态


<!DOCTYPE html><html ng-app="myApp"><head><meta charset="utf-8"><title></title></head><body><div ng-if="2 + 2 === 5">Won't see this DOM node, not even in the source code</div><div ng-if="2 + 2 === 4">Hi, I do exist</div><script type="text/javascript" src="../js/angular.min.js"></script><script>var app = angular.module("myApp", []);</script></body></html>

运行结果就是:

Hi, I do exist



0 0
原创粉丝点击