如何在函数中使用ngClass或切换CSS？

Question

我正在尝试基于切换应用CSS。在这种情况下，除非它们是开放的，否则我希望类别变为灰色。我有这个工作的箭头，但这种方法对类别不起作用。

这是我目前的HTML：

<ion-item (tap)="togglefoods(list.category)" *ngIf="lists[i-1]?.category != list.category" class="categoryList">
    {{list.category}}
    <ion-icon item-right name="arrow-forward" *ngIf="list.category != currentCategory" style="color:#f0e6e3;"></ion-icon>
    <ion-icon item-right name="arrow-down" *ngIf="list.category == currentCategory"></ion-icon>
</ion-item>

这是我的TypeScript：

togglefoods(clickedCategory) {
  console.log(this.currentCategory,clickedCategory);
  if(this.currentCategory == clickedCategory){
    clickedCategory = null;
  }
  this.currentCategory = clickedCategory;
  console.log(clickedCategory)
}