ng-repeat 내부 폼에 대한 AngularJs 동적 이름

ng-repeat 내부 폼에 대한 AngularJs 동적 이름

동적 이름으로 ng-repeat 안에 양식 이름을 지정하려면 어떻게 해야 합니까?

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

각 양식의 이름을 역동적으로 짓고 싶습니다.예를 들어 $index를 양식 이름에 추가합니다.어떻게 하면 달성할 수 있습니까?ng-init on ng-repeat을 시도했지만 작동하지 않았습니다.

그냥 할 수 있습니다.

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

편집:

사용가능ng-init또한, 다음과 같습니다.

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

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

괄호 표기법을 사용하여 동적 이름을 사용하여 양식 인스턴스에 액세스할 수 있습니다.

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

언급URL : https://stackoverflow.com/questions/27513192/angularjs-dynamic-name-for-a-form-inside-ng-repeat