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

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

我试过使用三元运算符，但不起作用

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

---

任何帮助都会大有帮助

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

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

---

添加方括号将告诉angular对该表达式求值。

您可以使用ngStyle属性更改css。e、 g[ngClass]={'textColor'：条件==true，'textColorChange'：条件！==true}谢谢你的帮助！。虽然它没有给出“原色”，而原色应该是蓝色！。它默认为灰色@第N个测试仪确保原色确实是蓝色，如果您没有更改原色，它将是蓝色，并且没有拼写错误。如果一切正常，在应用程序运行后使用Chrome Debug检查文本，并查看ion note元素是否具有与之关联的.ion color主类或次类。希望有帮助！谢谢Cameron，我忽略了主要部分。它在variables.scss中被重写