Html Angular-在*ngFor中对象列表中的css样式更改

我有两个部分，家长：

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

和子项（组成项目）：

...

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

Try like this, it may work

在component.ts文件中 cssEnabled:any=“”

private方法（itemName:string）
{
this.cssEnabled=itemName；
}
在compontent.html中：
...

您能展示一下

isSelected

是如何更新的吗？HTML和事件处理程序

Try like this, it may work

private method(itemName:string)
{

 this.cssEnabled=itemName;

}
In compontent.html :

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