ng-repeatの最初のセルにCSSクラスを適用します。

Question

ng-repeatを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> 

Answer 1

コード

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