Angular 以角度动态更改类

我有一个使用ngFor指令动态呈现的列表。数据来自SQLLite数据库。我试图根据当前的数据向每个列表项追加一个类。i、 e如果列表项是“费用”，则附加红色类；如果列表项是“收入”，则附加绿色类。我发现了一个类似的问题，但它只检查真/假，而不是确切的文本

我的代码如下

<ion-item-sliding *ngFor="let expense of expenses; let i=index">
  <ion-item nopadding [ngStyle]="{greenClass: expense.type==='Income', redClass: expense.type==='Expense'}">
    <p>
      <span>Day of month: {{expense.day}}</span><br>
      Type: {{expense.type}}<br>
      Description: {{expense.description}}
    </p>
    <h3 item-end>
      Amount: R{{expense.amount}}
    </h3>
  </ion-item>
</ion-item-sliding>

月日：{{expense.Day}}

类型：{{expense.Type}}

描述：{{expense.Description}

金额：R{{expense.Amount}

您使用的是

ngStyle

而不是

ngClass

<ion-item-sliding *ngFor="let expense of expenses; let i=index">
  <ion-item nopadding [ngClass]="{greenClass: expense.type==='Income', redClass: expense.type==='Expense'}">
    ...
  </ion-item>
</ion-item-sliding>

...

您使用的是

ngStyle

而不是

ngClass

<ion-item-sliding *ngFor="let expense of expenses; let i=index">
  <ion-item nopadding [ngClass]="{greenClass: expense.type==='Income', redClass: expense.type==='Expense'}">
    ...
  </ion-item>
</ion-item-sliding>

...

你应该用

[ngClass]

而不是

[ngStyle]

噢谢谢，我的宝贝你应该用

[ngClass]

而不是

[ngStyle]

噢谢谢，我的宝贝