Question

我在指令模板中有一个表单：

<form class="form-dark dotted-border-top" name="vmParms.frmTLParms">
    <parm parameter="parm" ng-repeat="parm in vmParms.truckloadParms"></parm>
</form>

并且子指令parm上有一堆input个元素，并且没有它自己的控制器。

<div>                               
    <input type="text" class="form-control" ng-model="parameter.workValue" ng-required="true" />
</div>

我试图在我的控制器中循环遍历此表单上的每个元素：

console.log(vmParms.frmTLParms);

angular.forEach(vmParms.frmTLParms, function(value, key) {
    // Do something with (value, key)
});

但控制台日志的输出为undefined

关于如何循环遍历所有这些表单元素的任何想法（我需要获取有关$ pristine的信息，这就是为什么我需要表单元素，而不仅仅是参数对象）？

Answer 1

确保参数是双向数据绑定（“参数”：指令中的“=”）

试试这个：

angular.forEach(vmParms.truckloadParms, function(value, key) {
});

Answer 2

我最终找到了问题：

此表单已嵌入DOM中的另一个<form>。 HTML5本身不会嵌套表单。将<form>代码切换为<ng-form>解决了我的问题。

感谢您的帮助@ avim101！

Angular - 循环遍历子指令中的表单元素

2 个答案: