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. 群集中的MS DTC分布式事务协调器
  2. JQuery实现Ajax应用
  3. Linux启动新进程的几种方法汇总
  4. libc.so.6被删后导致系统无法使用的原因及解决方法
  5. QM项目开发文档整理
  6. JAVA GUI学习 - JTabbedPane选项卡组件学习
  7. Mr.Jobs
  8. 2018阿里云短信发送DEMO接入简单实例
  9. js运用3
  10. PHP7 学习笔记(三)关于PHP7如何安装调试工具Xdebug扩展以及Zephir的问题
  11. Jetbrains 2018 等系列软件激活破解除去黄色警告框方法(含多个平台)
  12. Android的Databinding-普通绑定
  13. idea配置项目运行时内存大小
  14. HashMap的底层实现原理
  15. 将js和css文件装入localStorage加速程序执行
  16. python 通过pymongo操作mongoDB执行sort
  17. 03-IP网际协议
  18. 【学习】Python解决汉诺塔问题
  19. boost--function
  20. com.jcraft.jsch.JSchException: Auth fail

热门文章

  1. 自测之Lesson11:消息和消息队列
  2. lintcode-197-排列序号
  3. 认识简单的C
  4. oracle RAC集群启动和关闭
  5. linux核心版本号的说明
  6. MySQL优化之profile
  7. [CLR via C#]基元类型
  8. 面试:谈谈你对Spring框架的理解
  9. 自定义JS Map 函数
  10. [C/C++] C++类对象创建问题