어떻게 ng-repeat를 사용하여 클래스 이름을 증가시킬 수 있습니까?

Question

ng-repeat를 설정하여 JSON 파일에서 여러 요소를 롤아웃하지만 각 요소에 점진적 클래스 이름 .item-1, .item-2, .item-3을 사용하고 싶습니다.

<div ng-controller="itemCtrl"> 
    <div class="item" ng-repeat="item in items"> 
    <span class="item-{{ item.length }}"></span> 
    </div> 
</div> 

내가 class="item-{{ item.length}}"에 번호를 추가하고 싶습니다하지만이 작업을 얻을 수 없습니다.

Answer 1

이렇게 동적 클래스 이름을 생성하면 어떤 이점이 있는지 알 수 없습니다. 클래스는 비슷한 개체의 클래스을 의미합니다.

그것은 $index 여전히 가능 : https://docs.angularjs.org/api/ng/directive/ngRepeat에 기록으로

<div ng-controller="itemCtrl"> 
    <div class="item" ng-repeat="item in items"> 
    <span class="item-{{ $index }}"></span> 
    </div> 
</div> 

https://docs.angularjs.org/api/ng/directive/ngRepeat

Answer 2

은 $index

<div ng-controller="itemCtrl"> 
    <div class="item" ng-repeat="item in items"> 
    <span class="item-{{ $index }}"></span> 
    </div> 
</div>