您可以使用三元运算子，以下列方式设定颜色：

[color]="chat.status === 'A' ? 'danger' : 'success'"

我使用Ionic的danger作为红色，Ionic的success作为绿色，但如果你愿意，你可以添加自己的颜色。
另一个选择是向ion-icon元素添加一个类，并使用CSS设置颜色（如https://ionicons.com/usage中所述）：

<ion-icon 
  slot ="end" 
  name="ellipse-outline" 
  [class.red]="chat.status === 'A'"
  [class.green]="chat.status === 'B'"
></ion-icon>

然后在scss文件中：

ion-icon.red {
  color: red; // your red color
}

ion-icon.green {
  color: green; // your green color
}

一种方法是在模板中使用style binding：

<ion-icon name="ellipse-outline" slot ="end" 
[style.color]="chat.status === 'A' ? 'red' : chat.status === 'B' ? 'green' : 'black'"></ion-icon>

另一种方法是在模板中使用directive：

<ion-icon name="ellipse-outline" slot ="end" [ngStyle]="colorIcon()"></ion-icon>

您可以从传回对象的元件控制样式：

public colorIcon(): Object {
    if (chat.status === 'A') {
        return {color: 'red'}
    } else if (chat.status === 'B') {
        return {color: 'green'}
   } else {
        return {}
   }
}

You can also directly provide hex color using style binding

<!-- mycolor = "#123456" -->
<ion-icon [style.color]="mycolor" name="square"></ion-icon>