在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添加一类.last-itmes到最后3个列表项.我怎样才能做到这一点？

Answer 1

在ng-repeat,角提供$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>