javascript - ionic 3条件下的颜色变化

我想根据条件更改颜色。
我显示n张卡片的数量，卡片背景必须根据条件进行更改。

users.map((item)=>{

if(item.userType == "private"){

document.documentElement.style.setProperty('--customcolor',"yellow");

}

else if(item.userType == "private"){

document.documentElement.style.setProperty('--customcolor',"blue");

}

});

 :root {
    --customcolor: red;
  }

  .oddmes {
    background-color: var(--customcolor);
  }
  

<ion-list><br/>
 <ion-card  class="oddmes" *ngFor="let user of users">
  <ion-card-content >
     <b>{{user.user_name}} </b>
     <p>{{user.feedback}}</p>
    </ion-card-content>
   </ion-card>
 </ion-list>

它将在循环结束时更新满足条件的颜色

提前致谢

最佳答案

只需使用：

<div [color]="item.userType == 'private' ? 'primary' : 'secondary'">
Dynamic color
</div>

关于javascript - ionic 3条件下的颜色变化，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55120604/