怎么根据不同的值显示不同颜色

Kinghow

  <ion-item *ngFor="let item of listData1">
   <div>
    <span>{{item?.ichange}}</span>
    <span>{{item?.iratio}}</span>
   </div>
  </ion-item>
例如
item?.ichange为+开头就显示红色，-开头就显示绿色。

在<ion-item 外面这样写可以成功
html:
  <span class="aaa">+</span>

ts:
import * as $ from 'jquery';
.....
var aaa=$(".aaa").html();
   if(aaa=='+'){
    $(".aaa").css({"color":"red"})
   }else if(aaa=='-'){
    $(".aaa").css({"color":"green"})
   }

请问那位高手指点一二，谢谢！

Kinghow

已经实现了，不需要'jquery'
item?.zd为+开头就显示红色，-开头就显示绿色，0开头就显示灰色。
<ion-item *ngFor="let item of listData1">  
<div *ngIf="item.zd == '+'" style="color:red">
    <span>{{item?.ichange}}</span>
    <span>{{item?.iratio}}</span>
  </div>
  <div *ngIf="item.zd == '-'" style="color:green">
    <span>{{item?.ichange}}</span>
    <span>{{item?.iratio}}</span>
  </div>
  <div *ngIf="item.zd == '0'" style="color:gray">
    <span>{{item?.ichange}}</span>
    <span>{{item?.iratio}}</span>
  </div>
  </ion-item>