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

我正在尝试将ng类与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" ng-repeat="thing in things" ng-class="{'thing-red': $index == 0}"></td>

用红色引号括起来有效果吗？ie

ng class=“{'thing-red'：$first}”

确实如此！我为什么不试试：）是的，我认为这与

ng类的实现有关。这里指导我的经验法则是只使用有效对象键的类名。我认为这就是需要引号和不需要引号的区别。什么是有效的对象键？
<td class="thing" ng-repeat="thing in things" ng-class="{'thing-red': $index == 0}"></td>