變化離子

Question

有條件的背景顏色的div我有這個名單中循環，在離子框架

<ion-list ng-repeat = "item in ritiri.rows |filter: {'entry_by' : currentuserID}" can-frag="false"> 
    <ion-item class="item-remove-animate item-icon-right" ng-click="ritiriview(item.id_ritiro);"> 
     <h2>{{item.numero_spedizione}}</h2> 
     <p>{{item.rag_soc_mitt}}</p> 
     <p>{{item.indirizzo_mitt}}</p> 
     <p>{{item.localita_mitt}}</p> 

     <i class="icon ion-arrow-right-b"></i> 
     <ion-reorder-button class="ion-drag" on-reorder="move(note, $fromIndex, $toIndex)"></ion-reorder-button> 
     <ion-option-button class="button-balanced icon-left ion-happy-outline" ng-click="ritirieff(item.id_ritiro)"> Effettua</ion-option-button> 
     <ion-option-button class="button-assertive icon-left ion-trash-b" ng-click="mancatiritiri(item.id_ritiro)"> Rifiuta</ion-option-button> 
    </ion-item> 

    </ion-list> 

我需要改變每一個上市項目的DIV的TE顏色如果item.id_stato == 13或14 ，或15。 我怎麼能做到這一點？

Answer 1

您可以嘗試使用上ng-class條件：

HTML

<div ng-class="{'colored': item.id_stato == 13 || item.id_stato == 14 || item.id_stato == 15}"> 

CSS

.colored { 
    background: color-value; 
}