使用AngularJS跳过嵌套表单验证

Question

如何跳过使用AngularJS验证嵌套表单的方法？即使子窗体无效，我也必须使其外部窗体有效。

在下面的示例中，外部格式应该有效（fOuter.$valid必须为true）。默认情况下不是。有选择吗？

代码（jsFiddle）：

<div ng-app ng-controller="Ctrl">  
    <ng-form name="fOuter">  
        <h3>Outer form (valid={{fOuter.$valid}})</h3>  
        <input type="text" name="txtOuter" ng-model="outer" placeholder="(required)" required />  
        <ng-form name="fInner">  
            <h3>Inner form (valid={{fInner.$valid}})</h3>  
            <input type="text" name="txtInner" ng-model="inner" placeholder="(required)" required />  
        </ng-form>  
    </ng-form>  
</div>

Answer 1

在Angular形式中可以嵌套。这意味着外部形式在所有子形式都有效时也有效。

因此，$valid当内部变量之一无效时，无法使外部格式自动有效（通过键）。

尝试使用 error.required

   <h3>Outer form (valid={{!fOuter.txtOuter.$error.required}})</h3>

演示版 **[Fiddle](http://jsfiddle.net/vpyKw/1/)**

从Angular ngForm文档：

另一种方法应该是使用控制器，例如：

<h3>Outer form (valid={{isOuterFormValid}})</h3>

控制者

$scope.isOuterFormValid = true;

// here, add listener on each input and change flag `isOuterFormValid`
...