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
- angularJS学习之路(九)---ng-if
- AngularJS之ng-if指令
- AngularJS学习之ng-if嵌套ng-model变量冲突解决
- AngularJs学习之路(九)
- angularJS学习之路(八)---ng-switch
- angularJS学习之路(十三)---ng-change
- angularJS学习之路(十四)---ng-form
- angularJS学习之路(十五)---ng-select
- angularJS学习之路(十六)---ng-class
- angularJS学习之路(十一)---ng-show和ng-hide
- AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch
- AngularJS的学习--ng-show/ng-hide/ng-if和ng-switch
- AngularJS 指令ng-if注意事项
- AngularJS ng-if="" 表达式
- AngularJS学习之 ng-route模块
- AngularJs 中的ng-if ng-swith ng-bind-template
- AngularJS ng-if ng-repeat下使用ng-model
- React实现Angularjs ng-show、ng-if和ng-hide
- 二叉树构建与遍历
- 连续特征离散化达到更好的效果,特征选择的工程方法
- 系统级搜索(基础应用)-CSSearchable
- Leetcode 231题Power of Two
- 数据库表和字段名命名规则
- angularJS学习之路(九)---ng-if
- AngularJS Form 进阶:远程校验和自定义输入项
- C# 类的继承
- Spring task quartz 定时任务的几种实现
- 第十章 组合与继承
- Linux-.a、.so和.o文件
- 怎样看待 12 个月内自学完成 4 年麻省理工学院计算机科学的 33 门课程的 Scott H. Young 所谓的超速学习理论和方法(费曼技巧)以及背后「Get More from Life」的理念
- 基于LBP和PCA的人脸性别识别方法
- 如何查询会话 event