根据条件更改离子项目的颜色

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'">

添加方括号将告诉角度来评估该表达式。