AngularJS:如何从控制器引用表单的$invalid变量？

Question

我正在使用AngularJS开发一个web应用程序。我有一个问题:我的应用程序使用预定义组件(由其他开发人员创建)作为各种表单的输入字段。对于每个组件，这些字段都有自己的自定义验证方法，我对它们一无所知。但是，我的控制器中必须有--指示表单是否有效的(布尔)信息。我找到的解决办法是：

HTML:

<form name="myForm"></form>
<form name="myForm">

        <custom-component-1
                                custom-property1="someString"
                                custom-property2="someString"                                    
        ></custom-component-1>

         <custom-component-2
                                custom-property1="someString"
                                custom-property2="someString"                                    
        ></custom-component-2>
    </div>
</form>

现在，如果我在模板中直接使用以下字符串：{{myForm.$invalid}}，它的行为是正确的，在屏幕上打印布尔值真(如果没有有效的话)或布尔假(如果一切顺利的话)。我的问题是，，我不知道如何在运行时的控制器中映射这个变量。当然有一种方法，但不幸的是我对AngularJS知之甚少！例如，如果在我的控制器中使用这个变量，如下所示：

console.log("My variable: ", myForm.$invalid)

输出值为undefined。

Answer 1

html

<form name="varObj.myForm" ng-submit="formSubmitCall();">

        <custom-component-1
                                custom-property1="someString"
                                custom-property2="someString"                                    
        ></custom-component-1>

         <custom-component-2
                                custom-property1="someString"
                                custom-property2="someString"                                    
        ></custom-component-2>
    </div>
</form>

js

在控制器中，将varObj初始化为：

    $scope.varObj = {};

    $scope.formSubmitCall = function(){
        console.log("My variable: ", $scope.varObj.myForm.$invalid);
    }