javascript - AngularJS 获得具有特定值的重复项中的第一项

Question

<div ng-repeat="widget in widgets" 
     ng-class="">
     <div>{{widget.row}}</div>
</div>

我正在尝试根据重复中的特定值在重复中应用一个类，例如 if widget.row = 0 并且它是第一个显示该值的小部件然后给出它是一个类，所有其他行为 0 的小部件都没有得到该类。如果它等于 1 或 2 等等，就需要这样，所以我不能只使用 $first 因为会有多个行值和多个小部件，例如它可能输出如下内容:

0 0 0 0 1 1 2 2 2 2

Answer 1

所以对我来说实现这个最简单的方法是使用 Adjacent sibling 选择器而不是使用 angular 因为每个项目都不知道其他的:

 <div ng-repeat="widget in widgets" 
      class="widget-row-{{widget.row}}">
     <div>{{widget}}</div>
 </div>

然后将 CSS 用于:

.widget-row-0:first-child {}
.widget-row-0 + .widget-row-1 {}
.widget-row-1 + .widget-row-2 {}
.widget-row-2 + .widget-row-3 {}