angularjs - 如何使用 $index 更改 ng-repeat 中的类？

Question

我有一个限制为 3 项的列表，第一项需要类 blue1，第二项需要 blue2，第三项需要 blue3。

<ul>
    <li ng-repeat="tag in chartTags" class="blue-tag">
        <div class="tag blue1" ng-class="{blue1: tag == 1 }">{{tag.term}}</div>
    </li>
    <!-- <li><div class="tag blue1">item1</div></li>
    <li><div class="tag blue2">item2</div></li>
    <li><div class="tag blue3">item3</div></li> -->
</ul>

有没有办法像
ng-class="{blue1: tag == 1 || blue2: tag == 2 || blue3: tag == 3 }"

Answer 1

我认为您无需使用 $index 跟踪即可解决此问题，因为您没有重复项。

标记

<li ng-repeat="(k, v) in chartTags" class="blue-tag">
     <div ng-class="{blue1: k == 1 , blue2: k == 2 , blue3: k == 3 }">{{v.term}}</div>
</li>