Angularjs發現NG重複

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; 
} 

當我點擊在「隱藏學生」按鈕上，所有學生都將被隱藏起來。現在，如果最後一個項目是學生，並且它隱藏，那麼最後顯示的元素顏色不會發生變化，因爲$ last似乎不會查看元素是否隱藏。我可以使用ng-if代替ng-hide，但想知道這是否可以用其他方式完成，而不是使用ng-if。

Answer 1

嘗試使用：最後一子類僞 https://developer.mozilla.org/en-US/docs/Web/CSS/%3Alast-child