angularjs ng-if 中的ng-model 值作用域问题

Posted 2021-01-19 青春朝阳

现象：
最近做了一个需求，页面上使用了ng-if 条件做判断，导致通过使用 $scope 获取不到 ng-model 的值。

问题原因：

ng-if这个指令单独开了一个作用域，它只可以继承，不可以进行往外传值。

 

解决办法：

这个问题就是一个作用域的问题。使用 ng-if ,需要在传值的地方给加上$parent。这样才能使用 $scope 获取到 ng-model 的值。

例如写成这样：

<input ng-if="xx条件" ng-model="$parent.test" />

　　或者 使用 ng-show 代替 ng-if