从角度6中的ul元素的所有li元素添加/删除类的最佳方法是什么？

Question

当用户单击应选择的li并删除所有其他元素时，我正在尝试找到减少编写代码的最佳方法，以实现删除<li>元素的所有<ul>元素的css类。

我认为到目前为止，这是角度6中的解决方案

<li [ngClass]="{'active': selectedItem === 'item1'}" (click)="selectedItem = 'item1'"></li>
<li [ngClass]="{'active': selectedItem === 'item2'}" (click)="selectedItem = 'item2'"></li> 

关于， 马诺伊

Answer 1

您可以利用ElementRef

<li [ngClass]="{'active': selectedItem === ele1}" #ele1 (click)="selectedItem = ele1"></li>
<li [ngClass]="{'active': selectedItem === ele2}" #ele2 (click)="selectedItem = ele2"></li>