如何在AngularJS中使用变量表单名称访问表单验证属性

Question

我在angularjs中生成表单，我的表单有一个变量名。如何访问模板中的验证属性？

<form name="{{ form.name }}" novalidate>

如果form.name是“foo”，我该如何访问foo。$ isvalid？

Answer 1

如果您的表单名称属性的值为'foo'，那么您可以在模板文件中以下列方式访问：

foo.$valid

如果要在控制器js文件中访问它，可以这样做：

$scope.foo.$valid

请考虑以下代码模板：

在您的HTML文件::

中

<form name="form.name"></form>

在你的控制器js文件::

中

$scope.form = {};
$scope.form.name = "foo";

$timeout(function(){
    console.log($scope.foo.$valid)
}, 1);

正如你所看到的，我在超时时安慰了。如果你尝试在角度js编译之前获取表单，它将给你未定义。因此，在使用表单变量之前，请确保您的html文件已编译。