ng-if和ng-show、ng-hide区别

ng-if 同 no-show、ng-hide 指令最本质的区别是，它不是通过CSS显示或隐藏DOM节点，而 
是真正生成或移除节点。 

使用 ng-if 指令可以完全根据表达式的值在DOM中生成或移除一个元素。如果赋值给 ng-if 
的表达式的值是 false ，那对应的元素将会从DOM中移除，否则对应元素的一个克隆将被重新插 
入DOM中。 
当一个元素被 ng-if 从DOM中移除， 同它关联的作用域也会被销毁。 而且当它重新加入DOM 
中时，会通过原型继承从它的父作用域生成一个新的作用域。 
同时有一个重要的细节需要知道， ng-If 重新创建元素时用的是它们编译后的状态。 

如果 ng-if内部的代码加载之后被jQuery修改过（例如用 .addClass ） ，那么当 ng-if 的表达式值为 false 时， 

这个DOM元素会被移除，表达式再次成为 true 时这个元素及其内部的子元素会被重新插入 
DOM，此时这些元素的状态会是它们的原始状态，而不是它们上次被移除时的状态。也就是说 
无论用jQuery的 .addClass 添加了什么类都不会存在了。