AngularJs：ng-if 内的表单无法从控制器访问

我里面有一个表格ng-if指示。我想使用检查控制器中的表单验证$valid.

    <div ng-if="paymentMethod == 12">
    <form name="creditForm" id="cc-form" novalidate>
        <div class="form-group">
            <label for="cardNumber">Card Number</label>
            <input type="text" autofocus class="form-control" name="card_number" ng-minlength="16" id="cardNumber" ng-model="creditCardNumber" required>
            <div class="red-text" ng-messages="creditForm.card_number.$error" ng-if="creditForm.card_number.$dirty || creditForm.$submitted">
                <div ng-message="required">##global.Card_Num_Required##</div>
                <div ng-message="maxlength">##global.Card_Num_MinLength##</div>
                <div ng-message="minlength">##global.Card_Num_MaxLength##</div>
                <div ng-message="minlength">##global.Card_Num_Numeric ##</div>
            </div>
        </div>

并尝试检查控制器中的有效形式

  if ($scope.$parent.creditForm.$valid) { 
      alert('valid');
      } else {
     alert('not valid');
 }

但无法从控制器访问该表单。

ngIf 指令根据 {expression} 删除或重新创建 DOM 树的一部分。如果分配给 ngIf 的表达式计算结果为 false 值，则该元素将从 DOM 中删除，否则该元素的克隆将重新插入到 DOM 中。 你可以通过这个链接doc https://docs.angularjs.org/api/ng/directive/ngIf还有我在这里的回答answer https://stackoverflow.com/a/39408461/5198430

如果您可行，您可以使用 ng-show 而不是 ng-if。