Dynamiczna nazwa AngularJs dla formularza wewnątrz ng-repeat

Question

Jak mogę nazwać formularz wewnątrz ng-repeat z dynamiczną nazwą?

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

Chcę wymienić każdą formę dynamicznie. Na przykład dodaj $ index do nazwy formularza. Jak to osiągnąć? Próbowałem ng-init na ng-repeat, ale nie działał.

Answer 1

Można po prostu zrobić:

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

EDIT:

Można użyć ng-init jak również, tak jak poniżej:

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

Jeśli to tylko zastosować klasę w oparciu o Ważność formularza, możesz zastosować stylizację do automatically added classes, na przykład: ng-valid:

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

Answer 2

Możesz uzyskać dostęp do instancji formularza przez dynamiczną nazwę używając notacji Wspornik:

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