跳过与AngularJS嵌套形式的检验 [英] Skip nested forms validation with AngularJS

问题描述

我怎么能跳过与AngularJS嵌套形式的检验？我必须做出一个外在形式，即使在有效的子窗体是无效的。

在下面外在形式的例子应该是有效的（ fOuter。$有效必须是真实的）。默认情况下，事实并非如此。是否有一个选项？

code（的jsfiddle ）：

 ＆LT; D​​IV NG-NG应用程序控制器=CTRL＆GT;
    ＆LT; NG-表单名称=fOuter＆GT;
        ＆LT; H3＆GT;外在形式（有效期= {{$ fOuter有效}}）LT; / H3 GT＆;
        ＆LT;输入类型=文本名称=txtOuterNG模型=外占位=（必需）要求/＆GT;
        ＆LT; NG-表单名称=fInner＆GT;
            ＆LT; H3＆GT;内表（有效期= {{$ fInner有效}}）LT; / H3 GT＆;
            ＆LT;输入类型=文本名称=txtInnerNG模型=内部占位=（必需）要求/＆GT;
        ＆LT; / NG形式＆GT;
    ＆LT; / NG形式＆GT;
＆LT; / DIV＆GT;
 

解决方案

  

在角形式可以嵌套。这意味着，外形式是有效的，当所有的子形式是有效的，以及。

因此​​，有没有办法使外在形式自动失效（通过 $有效键）内无效的时候之一。

尝试使用 error.required

 ＆LT; H3＆GT;外在形式（有效期= {{$ fOuter.txtOuter} error.required！}）LT; / H3 GT＆;
 

演示<大骨节病> 小提琴

从角 ngForm文档：

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

 ＆LT; H3＆GT;外在形式（有效期= {{isOuterFormValid}}）LT; / H3 GT＆;
 

的控制器的

  $ scope.isOuterFormValid = TRUE;//这里，在每个输入和更改标志`添加监听isOuterFormValid`
...
 

How can I skip validation of nested forms with AngularJS? I have to make an outer form valid even when its child form is invalid.

In the example below outer form should be valid (fOuter.$valid must be true). By default, it is not. Is there an option?

Code (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>

解决方案

In Angular forms can be nested. This means that the outer form is valid when all of the child forms are valid as well.

So there is no way to make outer form to be valid automatically (through $valid key) when one of inner invalid.

Try to use error.required

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

Demo Fiddle

From Angular ngForm docs:

The other way should be to use controller, like:

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

controller

$scope.isOuterFormValid = true;

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

这篇关于跳过与AngularJS嵌套形式的检验的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！