为什么ng-if在angularjs中造成了很多问题

Question

今天我遇到一个非常奇怪的问题，只是想了解为什么会这样
下面是我的HTML

<div class="partial-container workflow-cont" ng-if="true">
<div class="clearfix mb20">
        <h3 class="heading-text pull-left pointer" ng-click="resetRole()" >{{'Roles' | translate}}</h3>
    </div>
    <div class="inner-container blue-border clearfix relative no-padding" ng-if="true">
        <div class="role-left-nav pull-left">
    .
    .
    .
    Some other html
    .
    .
    .
    <div class="any-or-select pull-none clearfix valign-middle">
    <p>
       <input type="radio" name="choice_p" id="low" ng-model="defineChoice" value="0" >
       <label for="low" class="ng-binding">{{'Absolute' | translate}}</label>
    </p>
    <p>
       <input type="radio" name="choice_p" id="medium" ng-model="defineChoice" value="1" >
       <label for="medium" class="ng-binding">{{'Attributes' | translate}}</label>
    </p>
    <p>
       <input type="radio" name="choice_p" id="high" ng-model="defineChoice" value="2"  >
       <label for="high" class="ng-binding">{{'Rule' | translate}}</label>
    </p>
  </div>

现在，当我单击单选按钮时，模型defineChoice的值已成功更改。
但是当我尝试从控制器执行相同操作时$ scope.defineChoice = 0它的值没有改变回来，但是当我从控制器执行console.log时它变为零，但没有反映在视图中。

但当我从视图中的任何地方删除ng-if =“true”时，一切都很顺利！ 这是因为ng-if会创建一个子范围，但如果是这样的话，为什么它在init时第一次工作但后来变坏了。

Answer 1

在Angular中，模型存在于范围内，并且模型绑定依赖于涉及原型范围继承的范围解析算法。 如果模型绑定解析为同一模型，则无论范围如何，对模型的任何更改都将影响所有绑定。 这称为双向模型绑定 ：对模型的更改会影响视图，而对视图的更改会影响模型。

现在，当模型是只读时，双向模型绑定按预期工作。 但是，如果它不是通常因为你绑定到一个原语，使用带有可写控件的ngModel（即ngModel和一个单选按钮），并且还涉及一个子范围（即ngIf）; 写入模型后，双向模型绑定就会中断。 写入模型时，它会在子作用域中创建一个与父作用域中的模型同名的模型。 您现在有两个模型副本，它们可以彼此独立运行。

你是如何解决这个问题的？

将ngModel绑定到其对象在作用域上的属性 - 不要绑定到作用域上的基元。

ng-model="someObj.defineChoice"

有时，这也被称为“始终在ngModel中有一个点”的经验法则，尽管这并非总是必要的，但却是一个很好的指导原则。

当someObj被解析后，它将正确解析右侧作用域上的引用（通过原型作用域继承），然后绑定到该引用的属性。 重要的一点是，每个模型绑定都会解析相同的模型，因此即使在编写模型时，双向模型绑定也能正常工作。

Answer 2

ng-if创建子范围，因此ng-if中的ng-model指令绑定到新范围。 要访问父作用域，请使用ng-model="$parent.defineChoice" 。