Angular 2向所选项目添加css类

在Angular 2中，如何在单击时将活动类添加到所选项目，并在再次单击时删除该类。但对于列表中的多个项目

<li *ngFor="let item of items" (click)="itemSelected(item)">
  <p>{{ item }}</p>
</li>

{{item}}

---

例如，我有5个项目的列表。单击第一项添加活动类，然后单击第五项添加活动类。

您可以使用以下语法：

{{item}}

这似乎比使用

ng class

更为惯用。您可以使用：

[NgStyle]

[NgClass]

例如：

<li *ngFor="let item of items" (click)="itemSelected(item)">
  <p [NgClass]="listSelectedItems.indexOf(item)>-1"?"your-active-class":"your-inactive-class" >{{ item }}</p>
</li>

{{item}

---

使用itemSelected（）从listSelectedItems中添加或删除项目，请查看。也许这有帮助。你能用

ts

文件中的相应代码详细说明这个答案吗？

<li *ngFor="let item of items" (click)="itemSelected(item)">
  <p [NgClass]="listSelectedItems.indexOf(item)>-1"?"your-active-class":"your-inactive-class" >{{ item }}</p>
</li>