如果我单击项目我需要添加类名称,如果单击相同的项目需要删除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;.
}
解决方法
其中一种方法是让您的商品具有“有效”属性,如下所示：
items = [
{name:'one',active:false},{name:'two',{name:'three',];
在模板内部代表他们像这样：
<li *ngFor="let item of items"
(click)="toggleClass(item)"
[ngClass]="{'active': item.active}">{{ item.name }}</li>
最后,toggleClass()方法只是切换被点击项的活动状态：
toggleClass(item){
item.active = !item.active;
}
