如何在ng重复angularJs中突出显示表格的第一行

Question

所以我想用ng repeat用不同的颜色突出显示表顶部的行。这是我的代码：

<table class="table table-hover" style="font-size:14px; margin-left: 5px;">
<thead>
<tr>
<th style="text-align: left;"><data-i18n i18n="_m_f_pen_feeding_start_date_">Feeding date</data-i18n></th>
<th style="text-align: left;"><data-i18n i18n="_m_f_pen_frequency_of_feeding_">Frequency of feeding</data-i18n></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="freq in vm.details.pen_feeding_scheduler_list | orderBy:'-start_feeding_date'">
<td style="min-width: 120px; text-align: left;">{{freq.start_feeding_date | date: 'MM/dd/yyyy'}}</td>
<td style="min-width: 120px; text-align: left;  display: inline-block;white-space: nowrap">
{{freq.feeding_frequency || ('_label_empty_' | i18n)}}</td>
</tr>
</tbody>
</table>

我的桌子是这样的：桌子有什么想法吗？提前感谢

Answer 1

说你有颜色的数组：

$scope.colors = ['yellow']

然后你可以使用：

<tr ng-repeat="data in datas" ng-style="{'background-color': colors[$index]}">

Answer 2

它必须适用于<tr ng-repeat="data in datas" ng-class="$index===0?'hover':''">。。。。。。。。(hover为类名(

Answer 3

ng style="索引==0？｛"颜色"："学员蓝"｝：｛｝"是的解决方案