如何使用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：

仍然可以

<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

正如https://docs.angularjs.org/api/ng/directive/ngRepeat所述，只需使用$index

即可

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