クリック時に現在押されているボタン要素を角度2でハイライトする方法は？

Question

私はこのコード行を持っている：

<button *ngFor="let group of groupsList" attr.data-index="{{ group.index }}" (click)="processGroups(group.index)">{{ group.title }}</button> 

は、現在クリックされたボタンにクラスclickedを追加することが可能ですか？他のボタンがクリックされたら削除しますか？

Answer 1

あなたはこのよう[class.xxx]でngForのindexを使用することができます。

<button [class.clicked]="clickedButton == i" 
    *ngFor="let group of groupsList let i=index" 
    attr.data-index="{{ group.index }}" 
    (click)="clickedButton = i; processGroups(group.index)"> 
    {{ group.title }}</button>