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