*ngFor中对象列表中的角度css样式更改

Question

我有两个组件，父组件：

<ng-container *ngIf="itemList != null">
<div *ngFor="let item of itemList">
<component-item [componentItem]="item"></component-item>
</div>
</ng-container>

和子项(组件项(：

<div class="row myClass" [ngClass]="{'selected': isSelected }" (click)="method()">
...
</div>

因此，我有了项目清单。我有两种css样式：default和"selected"。我想在点击后更改项目的样式，比如：当我点击第一个项目时，它应该变为"已选择"，然后在点击第二个项目后，它应该改为"已选定"，第一个项目返回默认值。我的变量"isSelected"是一个布尔类型，我在"method(("中将其值更改为"true"。当我从列表中选择另一个项目时，如何将其值更改为"false"？

Answer 1

Try like this, it may work

在component.ts文件中cssEnabled:any="；

private method(itemName:string)
{
this.cssEnabled=itemName;
}
In compontent.html :
<div class="row myClass" [ngClass]="{'selected': componentItem==cssEnabled}" (click)="method(componentItem)">
...
</div>