Nome dinamico di AngularJs per un modulo all'interno di ng-repeat

Question

Come posso denominare un modulo all'interno di ng-repeat con un nome dinamico?

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

voglio nominare ogni modulo in modo dinamico. Ad esempio, aggiungi l'indice $ al nome del modulo. Come lo realizzo? Ho provato ng-init su ng-repeat ma non ha funzionato.

Answer 1

Si può semplicemente fare:

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

EDIT:

È possibile utilizzare ng-init così, in questo modo:

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

Se è solo di applicare una classe basata su validità del modulo, quindi è possibile applicare lo styling a automatically added classes, ad esempio: ng-valid:

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

Answer 2

Si può accedere all'istanza del modulo con il nome dinamico usando la notazione staffa:

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