: pierwsze dziecko z powtórzeniem ng

Question

Mam powtórzenie ng i chcę tylko zastosować styl do pierwszego div z klasą type w powtórzeniu ng.

<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> 

Próbowałem następujących ale zastosował CSS do wszystkich divs z klasą type

.my-list .type:first-child 

Answer 1

Można wykorzystać $first, który wskazuje pierwszej iteracji obrębie ng-repeat.

Answer 2

Zasadniczo trzeba zrobić odwrotnie.

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

ng-repeat położy Multiple .my-list div i chcesz kierować .type pierwszego div sam. Zastosuj selektor na .my-list.