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

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 而是使用一些唯一的属性，项目可能有自己的 id 属性来定义项目的唯一性。因此 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>