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

Question

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

<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>