Angularjs在ng-repeat中找到最后一个可见元素

Question

我想更改列表中最后一个元素的颜色，如下所示，

 <div  ng-repeat="item in items">
<h3 ng-hide="(hideStudent && item.role == 'student')" ng-class="{'last':$last}">{{item.name}}</h3>
</div>
 <button type="button" ng-click="(hideStudent = true)" >Hide Students</button>

CSS：

.last {
color: #800;
 }

当我点击＆＃34;隐藏学生＆＃34;按钮然后所有学生将被隐藏。现在，如果最后一个项目是学生并且它是隐藏的，则最后显示的元素颜色不会被更改，因为$ last似乎不会看到该元素是否被隐藏。我可以使用ng-if代替ng-hide，但想知道是否可以用其他方式完成，而不是使用ng-if。

Answer 1

尝试使用：last-child伪类 https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alast-child