【转】ng-if与ng-show区别以及ng-if会创建子作用域问题

上周有个需求是为了对数据进行更好的筛选，需要设置两个浮动框

点击后显示的内容分别是 各个班组和各个工种，一开始以为是要用两个浮动框，找啊找，找了半天没有找到，然后做成点击不同按钮在同一个浮动框里显示不同的内容，那我自然是想到了ng-if（当时是考虑到不用加载，减少加载？挖了坑自己跳啊）然后用ng-model和filter来进行输入框的筛选显示功能，但是用ng-if把头部head和内容content分开后，虽然能同时显示，但是无法筛选，换成ng-show就行，明明是同时加载dom树的。

经过提问和查阅之后，解释是这样的：官方解释ng-if ：表达式内值为true是，生成标签内的DOM，否则移除官方解释ng-show：表达式内值为true是，显示标签内的DOM，否则隐藏。ng-if同no-show和ng-hide指令最本质的区别是，它不是通过CSS显示或隐藏DOM节点，而是真正生成或移除节点。ng-if 表达式内的值初始为false的时候 他里面的由input的 model绑定的scope是不会存在作用域里面的，当if的值为true的时候，相当于生成了一个新的SCOPE值，但是原先的watch仍然是检测不到新生成的model的值的，这种情况我暂时用了show来处理，因为即使show的值为false是，改scope也是存在于作用域当中的；