Angularjs 如何检查ngform是否有效
我使用ng repeat动态创建控件,如下所示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似乎是完美的 为了验证控制器中的单个内部
<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.
}
}