angular中ng-if和$watch冲突问题

问题：项目中需要通过按钮控制div的显示和隐藏，开始选用的ng-if控制，但是div中还需要用$watch监听select框的变化，发现无法监听到select中的数据变化；

1、由于该select在别的模块中也是通过$watch监听的，数据都正常，所以第一感觉就是ng-if的问题；

2、查看ng-if的定义：官方解释ng-if ：表达式内值为true是，生成标签内的DOM，否则移除。官方解释ng-show：表达式内值为true是，显示标签内的DOM，否则隐藏。ng-if同no-show最本质的区别是，它不是通过CSS显示或隐藏DOM节点，而是真正生成或移除节点。ng-if 表达式内的值初始为false的时候 他里面的由select的 model绑定的scope是不会存在作用域里面的，当if的值为true的时候，相当于生成了一个新scope值，但是原先的watch仍然是检测不到新生成的model的值的。

3、这样解决办法就有了，把ng-if替换成ng-show可以解决；

4、如果必须用ng-if的话，就用另一种办法，就是在需要watch的model中添加$parent，例如将ng-model="gameCity"更改为ng-model="$parent.gameCity"。