: ng-yinelemeli ilk-çocuk

Question

Bir ng-yinelem var ve sadece ng-repeat sınıfındaki sınıfına bir stil uygulamak istiyorum.

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

Aşağıdaki denedim ama bir ng-repeat içinde birinci tekrarında gösterir Sen $first kullanabilirsiniz type

.my-list .type:first-child 

Answer 1

bir sınıfın, tüm divs CSS uyguladı.

<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

Temel olarak, başka bir şekilde yapmanız gerekir.

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

ng-repeat Multiple .my-list div'leri koyacağız ve yalnız birinci div .type hedef istiyorum. Bu yüzden .my-list numaralı telefonu seç.