如何使用 ng-repeat 增加类名？答案

【问题标题】：How can I increment the class names using ng-repeat?如何使用 ng-repeat 增加类名？
【发布时间】：2014-04-26 16:56:58
【问题描述】：

我设置了一个 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}}"，但我似乎无法正常工作。

【问题讨论】：

【解决方案1】：

我不知道生成这样的动态类名有什么好处。一个类应该意味着一个类似对象的类。

$index 仍然可以：

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

【讨论】：

【解决方案2】：

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

【讨论】：