AngularJs动态名称NG重复里面的表单 [英] AngularJs dynamic name for a form inside ng-repeat

问题描述

我如何命名NG重复内的形式动态的名字吗？

How do I name a form inside ng-repeat with a dynamic name?

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

我要动态地命名每个表格。例如添加$指数形式的名称。我该如何实现呢？我试了NG-重复NG-初始化，但没有奏效。

I want to name each form dynamically. For example add the $index to the name of the form. How do I achieve it? I tried ng-init on ng-repeat but did not work.

推荐答案

您可以这样做：

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

修改

您可以使用 NG-INIT 为好，像这样：

You can use ng-init as well, like so:

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

如果它只是应用基于表格的有效性的一类，那么你可以将样式应用到的自动添加类的，如： NG-有效：

If it's just to apply a class based on validity of the form, then you could apply styling to automatically added classes, such as: ng-valid:

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

这篇关于AngularJs动态名称NG重复里面的表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！