ng-if简介:

● 使用ng-if指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果赋值给ng-if 的表达式的值是false,那对应的元素将会从DOM中移除,否则对应元素的一个克隆将被重新插 入DOM中。
● ng-if同no-show和ng-hide指令本质的区别是,它不是通过CSS显示或隐藏DOM节点,而是真正生成或移除节点。

AngularJS权威教程:

1.“当一个元素被ng-if从DOM中移除,同它关联的作用域也会被销毁。而且当它重新加入DOM 中时,会通过原型继承从它的父作用域生成一个新的作用域。” 

2.“ngIf重新创建元素时用的是它们编译后的状态。如果ng-if内部的代码加载之后被jQuery修改过(例如用.addClass),那么当ng-if的表达式值为false时, 这个DOM元素会被移除,表达式再次成为true时这个元素及其内部的子元素会被重新插入 DOM,此时这些元素的状态会是它们的原始状态,而不是它们上次被移除时的状态。也就是说 无论用jQuery的.addClass添加了什么类都不会存在了。 ”

最新文章

  1. prototype 和__proto__
  2. vim 命令加解密文件
  3. 富文本编辑器TInyMCE,本地图片上传(Image Upload)
  4. v.size() return size_t not int 返回无符号整型数
  5. iOS - CADisplayLink与NSTimer
  6. swift 版本 UItableViewCell的动态高度补足
  7. OC学习总结之面向对象和类
  8. Linux新手笔记 sudo
  9. servlet中的过滤器 国际化
  10. arcgis属性选取like用法
  11. JVM(二)JVM内存布局
  12. 【druid 】数据库连接池
  13. Android Studio搭建系统App开发环境
  14. Floyd-Warshall算法计算有向图的传递闭包
  15. 使用sort对数组中的对象的某个属性进行排序
  16. http重定向到https
  17. leetcode1032
  18. 微信小程序下拉框之二维数组或对象
  19. macOS 安装 pcl 1.8.0
  20. Angular2 *ngFor把数据显示在多个input中出错解决方法

热门文章

  1. PHPCMS v9构建模块 - 实例之企业服务模块
  2. the introduction of scrapy1.1 tools
  3. Linux中判断大小端的一种方法
  4. TCP 的那些事儿(转载)
  5. 用javascript向一个网页连接接口发送请求,并接收该接口返回的json串
  6. VS2013编译libcurl
  7. activity5 流程 入门
  8. Android把图片保存到SQLite中
  9. vmware vms migration to openstack
  10. Java ConcurrentHashmap 解析