单击添加类和删除时切换类

如果我单击项目，我需要添加类名，如果单击同一项目，则需要删除 ngFor 循环的类

<ion-item *ngFor="let x of statementresponse;let i=index" class="cust_delay delay" [ngClass]="{'active': selectedItem == x}" (click)="listClick($event, x)" >
</ion-item>

selectedItem:any;
listClick(event, newValue) {
    console.log(newValue);
    this.selectedItem = !newValue;.
}

实现此目的的方法之一是让您的物品具有"active"属性，像这样：

items = [
  {name:'one', active:false},
  {name:'two', active:false},
  {name:'three', active:false},
];

在模板内部将它们表示如下：

<li *ngFor="let item of items" 
    (click)="toggleClass(item)" 
    [ngClass]="{'active': item.active}">{{ item.name }}</li>

最后是切换类（）方法只是切换被单击项目的活动状态：

toggleClass(item){
  item.active = !item.active;
}