angularjs - 向 AngularJS 中的最后 3 个列表项添加一个类

Question

我有一个通过 ng-repeat 生成的列表。例如，我有这样的 html

<ul class="my-list">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>

我想使用 angular 向最后 3 个列表项添加一个 .last-itmes 类。我该怎么做？

Answer 1

在ng-repeat中，Angular提供了$index、$first、$last来获取索引列表项的位置。

在您的情况下，您可以使用 $last 并从中减去 $last-1、$last-2。

示例代码:

    <li ng-repeat="item in itemList"
       ng-class="{'last':($index === $last) || ($index === ($last-1)) ||  ($index === ($last-2))}"
     >List Item
  </li>