在条件下更改离子项目的颜色

Question

我想根据某些情况更改我的离子物品的颜色。 （使离子项目不可点击或不可编辑）。已添加代码使其不可点击，但是文本的颜色仍然是蓝色，这会混淆用户点击它。

曾尝试使用三元运算符，但不起作用。

<ion-item color="light" (click)="!isShipButtonDisabled && navigateBack()">
  <p>Transfer Orders</p>
  <ion-note item-end color="!isShipButtonDisabled ? 'primary' : 'secondary'">
    {{transferOrderCount}}</ion-note>
</ion-item>

任何帮助都会非常有帮助！

Answer 1

如果您在颜色周围添加方括号，颜色将根据您的变量而变化。

<ion-note item-end [color]="!isShipButtonDisabled ? 'primary' : 'secondary'">

添加方括号将告诉 Angular 评估该表达式。