Javascript 使所选项目以角度和角度突出显示

现在我有一个项目清单。从API中重试项。 现在我需要突出显示所选项目。当页面加载时，第一个项目被选中，然后我选择另一个项目，以突出显示此项目，并删除第一个项目的突出显示

在这个Img中，我选择了第二个项目，并添加了一个边框，显示用户选择的边框

{{item.name}

您可以使用

ngClass

进行此操作

<ion-list *ngFor="let item of items" (click)="selectItem(item)">
    <ion-item [ngClass]="{'item-selected':item.value === yourSelectedModelValue}">
        {{item.name}}
    </ion-item>
 </ion-list>

---

谢谢item.value=name&yourSelectedModelValue如何。@Pritesh

yourSelectedModelValue

这是要进行选择的值。我有子项，如何突出显示that@Pritesh同样的逻辑。将

ngClass

与另一个范围变量一起使用。

<ion-list *ngFor="let item of items" (click)="selectItem(item)">
    <ion-item [ngClass]="{'item-selected':item.value === yourSelectedModelValue}">
        {{item.name}}
    </ion-item>
 </ion-list>

selectItem (item) {
    this.yourSelectedModelValue = item;
}