將css類應用於ng-repeat中的第一個單元格

我正嘗試在ng-repeat中使用ng-class，並嘗試將類應用於第一個單元格。我的第一個單元應該有一個紅色背景。但是，它似乎沒有任何影響。將css類應用於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>

來源

2017-06-15 Prabhu

是否在引號包裹的東西，紅色的有效果？即'ng-class =「{'thing-red'：$ first}」' – Will

它的確如此！爲什麼我不試試:) – Prabhu

是的，我認爲它與'ng-class'的實現有關。這裏引導我的經驗法則是僅使用有效的對象鍵的類名稱。我認爲這是你需要報價時和不需要報價時的區別。 – Will

試試下面的代碼

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

來源

2017-06-15 22:27:42 Yeshwanth

將css類應用於ng-repeat中的第一個單元格

回答

相關問題