跳过与AngularJS嵌套形式的检验

问题描述

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

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

code（）：

 ＆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;
 

解决方案

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

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嵌套形式的检验的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！