AngularJS:使用 ng-repeat 在第一个元素上应用 CSS 类

Question

我正在寻找第一个通过我的 ng-if 条件的索引，它并不总是 $index === 0，并且无法使用 $first 解决.

这是我的代码示例:

<div class="ticket-event" ng-if="!item.hidden" ng-repeat="item in ctrl.event.items">   
   <div class="title item" ng-class="{'active': $index === $first}"></div>
</div>

我想在 item 的第一次出现处添加一个类。

Answer 1

您不必检查 $index 是否为 $first in:

<div class="title item" ng-class="{'active': $index === $first}">

改成:

<div class="title item" ng-class="{'active': $first}">