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

Question

我试图找到最好的方法来编写更少的代码来实现删除<li>元素的所有<ul>元素的css类，当用户点击应该被选中的li并删除所有其他..

我认为到目前为止这是角度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>