AngularJs用于更改数组的ng-repeat内的表单的动态名称

Question

我正在使用答案中建议的代码如下

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

但我的问题是当数组（itemList）值更改时，表单名称保持不变。 我希望表单名称应根据索引值进行更新。

Answer 1

而不是使用$index确实使用一些独特的属性，可能是item有自己的id属性，它定义了item的唯一性。 所以ng-init看起来像formName = 'item_details' + item.id"

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

---

即使我想知道你背后需要什么才能使每个表格都有独特的名字？ 你可以拥有嵌套的表单，而innerForm也会得到验证。 此后验证将处理的方式是，当所有innerForm都有效时， outForm有效。 当任何innerForm无效时，在这种情况下， outerForm将无效。

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