：ng-repeat的第一個孩子

Question

我有一個ng-repeat，並且只想對ng-repeat中的類type的第一個div應用樣式。

<div class="my-list" ng-repeat="item in list"> 
    <div class="type"> 
    <span>{{item.label}}</span> 
    </div> 
    <div class="check"> 
    <span>{{item.ischecked}}</span> 
    </div> 
</div> 

我曾嘗試以下，但它應用了CSS的所有divs一類的type

.my-list .type:first-child 

Answer 1

您可以使用$first，即表示ng-repeat內的第一次迭代。

<div class="my-list" ng-repeat="item in list"> 
    <div class="type" ng-class="{myClass:$first}"> 
    <span>{{item.label}}</span> 
    </div> 
    <div class="check"> 
    <span>{{item.ischecked}}</span> 
    </div> 
</div> 

Answer 2

基本上你需要做相反的事情。

.my-list:first-child .type{ 
    color:red; 
} 

ng-repeat會把多個.my-list div的，你想單獨針對第一個div的.type。所以在.my-list上應用選擇器。