Angularjs 如何检查ngform是否有效

Angularjs 如何检查ngform是否有效,angularjs,angularjs-ng-form,Angularjs,Angularjs Ng Form,我使用ng repeat动态创建控件,如下所示 <div ng-form="mainform" ng-repeat="usr in users"> <userdirective ng-form="innerform_idx_{{$index}}></userdirective> </div> 根据我的经验,为内部表单生成动态名称并不好用。然而,对于具有相同(静态)名称的多个内部形式,angular似乎是完美的 为了验证控制器中的单个内部

我使用ng repeat动态创建控件,如下所示

<div ng-form="mainform" ng-repeat="usr in users">
    <userdirective ng-form="innerform_idx_{{$index}}></userdirective>
</div>


根据我的经验,为内部表单生成动态名称并不好用。然而,对于具有相同(静态)名称的多个内部形式,angular似乎是完美的

为了验证控制器中的单个内部表单,可以将内部表单有效性作为参数从视图传递给控制器

同样重要的是要知道,如果任何子窗体无效,则父窗体将无效。这可用于同时验证所有内部表单

要演示的代码段:

var-app=angular.module('myapp',[]);
应用程序控制器('myctrl',函数($scope){
$scope.users=['u1','u2','u3'];
$scope.validateForm=函数(表单){
警报(“表格有效:”+表格$valid);
}
});
.userform{
边缘底部:20px;
}
.无效{
颜色:红色;
}

用户名(最多5个字符):{{user}
内部表单有效:{{innerform.$valid}
在控制器中检查我的有效性
父窗体有效:{{parentform.$valid}

根据我的经验,为内部表单生成动态名称并不好用。然而,对于具有相同(静态)名称的多个内部形式,angular似乎是完美的

为了验证控制器中的单个内部表单,可以将内部表单有效性作为参数从视图传递给控制器

同样重要的是要知道,如果任何子窗体无效,则父窗体将无效。这可用于同时验证所有内部表单

要演示的代码段:

var-app=angular.module('myapp',[]);
应用程序控制器('myctrl',函数($scope){
$scope.users=['u1','u2','u3'];
$scope.validateForm=函数(表单){
警报(“表格有效:”+表格$valid);
}
});
.userform{
边缘底部:20px;
}
.无效{
颜色:红色;
}

用户名(最多5个字符):{{user}
内部表单有效:{{innerform.$valid}
在控制器中检查我的有效性
父窗体有效:{{parentform.$valid}

Try
$scope.mainform[innerformName]。$valid
Try
$scope.mainform[innerformName]。$valid
for(i=0;i<users.length;i++)
{
 var innerformName="innerform_idx_"+i;
  if( $scope.mainform.innerformName.$valid)
   {
    // throwing undefined error.
   }
}