ng-repeat 中表单的 AngularJs 动态名称

Question

如何使用动态名称命名 ng-repeat 中的表单？

<div ng-repeat="item in itemList">
 <form name="item_details" ng-class="validateForm(item_details)">
   //few form elements
 </form>
</div>

我想动态命名每个表单。例如，将 $index 添加到表单的名称中。我如何实现它？我在 ng-repeat 上尝试了 ng-init 但没有用。

Answer 1

你可以这样做:

<form name="item_details{{$index}}" ng-class="validateForm('item_details'+$index)">

编辑 :

您可以使用 ng-init同样，像这样:

<div ng-repeat="item in itemList" ng-init="formName = 'item_details' + $index">
 <form name="{{formName}}" ng-class="validateForm(formName)">
   //few form elements
 </form>
</div>

如果只是根据表单的有效性应用一个类，那么你可以将样式应用到 automatically added classes ，如: ng-valid :

.ng-valid {
   background-color: green;
}