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则不会。
上一篇:从零开始学 Web 之 CSS3(八)CSS3三个案例


下一篇:java管道通信