带有Ng-If的ng-模型不起作用（非常基本的示例）[重复]

Question

我有一个非常简单的代码。filteroption='account id'，当值正确时将显示输入。但是ng-model不起作用，我在pre中没有看到任何东西

<pre>{{test}}</pre> // doesnt work
<pre> {{filterOption}}</pre> // this shows Account ID
<input ng-if="filterOption == 'Account ID'" ng-model="test" required>

Answer 1

ng-if有自己的子作用域，这允许它销毁和还原作用域元素。因此，您的模型需要到达父范围（通常是控制器），这可以使用$parent前缀来完成

下面是一个例子：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<div ng-app>

  <input type="text" ng-if="true" ng-model="a"> Doesn't work
  <br>
  <input type="text" ng-if="true" ng-model="$parent.a"> Works
  <br> 
  {{a}}

</div>