将css类应用于ng-repeat中的第一个单元格

时间:2017-06-15 22:14:34

标签: javascript html css angularjs

我正在尝试将ng-class与ng-repeat一起使用,并尝试将一个类应用于我的第一个单元格。我的第一个细胞应该有红色背景。但是,它似乎没有任何效果。

<table>
    <tbody>
       <tr ng-repeat="item in items" class="item">
           <td class="thing" ng-repeat="thing in things" ng-class="{thing-red: $first}"></td>
        </tr>
     </tbody>
 </table>

.thing-red {
    background:red;
}

这可以按预期工作(所有单元格都是红色):

<td class="thing thing-red" ng-repeat="thing in things"></td>

1 个答案:

答案 0 :(得分:1)

尝试以下代码

<td class="thing" ng-repeat="thing in things" ng-class="{'thing-red': $index == 0}"></td>