Angularjs 有条件地改变离子液体中背景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>

{{item.numero_spedizione}
{{item.rag_soc_mitt}

{{item.indirizzo_mitt}}

{{item.localita_mitt}}

埃弗图阿
里菲乌塔

如果item.id_stato==13、14或15，我需要更改每个列出的项的div的颜色。

---

我怎样才能做到这一点

您可以尝试使用以下条件：

HTML

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

//在您的ts文件中
颜色条件（项目：项目滑动）{
让initItem=this.incompleteOrders.indexOf（item）；
让orderStatus=this.UncompleteOrders[initItem]。状态；
如果（订单状态=‘已支付’）{
返回false；
}else if（orderStatus=='pending'）{
返回true；
}
}

.colored {
    background: color-value;
}

<ion-item [color]="colorCondition(item) ? 'primary' : 'light'">


//in your ts file
colorCondition(item : ItemSliding){
        let initItem = this.incompleteOrders.indexOf(item);
        let orderStatus = this.incompleteOrders[initItem].status;
        if(orderStatus == 'paid'){
            return false;
        }else if(orderStatus == 'pending'){
            return true;
        }
}