ng-if ng-show ng-hide区别(面试题)

ng-if ng-show  ng-hide区别

实现原理方面：

ng-show/ng-hide是通过修改css样式方式控制元素显示与隐藏，对应的DOM元素会一直存在于当前页面中；

而ng-if根据表达式的值动态的在当前的页面中添加删除页面元素。如果赋值表达式的值为false，那么这个元素就会从页面中删除，否则会添加一个元素。

ng-if创建元素时用的是被它编译后的代码，如果ng-if内部的代码被其他方式修改过，那么修改只会对本次展现有效，页面元素重新渲染后修改效果会消失，而ng-show/ng-hide则能够保留dom元素上次修改后的状态。

在作用域方面：

当一个元素被ng-if从DOM中删除时，与其关联的作用域也会被销毁。而且当它重新加入DOM中时，则会生成一个行的作用域，而ng-show和ng-hide则不会。