angularjs - 在 Ionic 中有条件地更改背景 div 的颜色

Question

我在 Ionic 框架中有这个循环列表

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

如果 item.id_stato == 13 或 14，或 15，我需要更改每个列出项目的 div 的颜色。我怎样才能做到这一点？

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