angularjs - 检查 angularjs Controller $scope 中动态添加的表单的有效性

Question

为了检查页面中表单的有效性，我在 Controller 的范围内测试了这个属性:

$scope.formName.$valid

问题是当我将表单动态添加到页面时(基于模型属性)， $scope.newFormName 属性没有添加到范围中。

This plnkr illustrate the problem

单击“添加表单”按钮将表单添加到页面

单击“搜索表单”以使用 $scope

中找到的表单更新列表

请注意，在

范围内找不到添加的表格。

有什么办法可以使这项工作？如何检查此动态添加的表单的有效性？

Answer 1

因此，您的代码添加了相同表单的列表。你想看看这个列表是否有效。

解决方法是使用 ngForm s 在父窗体中。看到这个Plunkr (my modified version of yours) .

表单输入值绑定(bind)到 $scope.dynamicData 中的对象。数组，也被 ngRepeat 使用创建表单列表。

无效字段以红色实线边框显示，无效表单以红色虚线边框显示。

当表单像这样嵌套时，当父表单的任何子表单无效时，父表单也是无效的。