ng-if和ng-show的区别以及使用场景

在做需求的时候，有2个按钮点击弹出同一个浮动框，但是内容又不一样，所以我想到用ng-if来做（我当时是想不用加载减轻压力？？坑了自己啊），然后用ng-model和filter来进行输入框的筛选显示功能，但是用ng-if把头部head和内容content分开后，虽然能同时显示，但是无法筛选，换成ng-show就行，这是为什么啊？
这是浮动框部分

这是js部分

因为ng-if 会创建 子$scope 所以第一个ng-if 下的ng-model=‘team.teamName’ 是在 子$scope创建的。
你的第二个 ng-if 也是自己创建了个 子 $scope 。在父$scope找不到team.teamName 也就自己创建了自己的 team.teamName.
** 解决办法：** **
在第一个 ng-if 下的 ng-model=‘team.teamName’改成 ng-model=‘$parent.team.teamName’**
$parent指向父$scope。父$scope ng-if是共享的

成功后望采纳，谢谢哈

ng-if 会生成一个隔离域所以子层能就访问不到父层的普通变量，而对象和方法是可以的。
https://blog.csdn.net/qianqianyixiao1/article/details/50628238