angular - 如何为多个按钮创建 Angular 2+ 切换？

Question

您好，我需要创建切换按钮，但是当我单击第一个按钮时，活动类对这两个元素都有效。

HTML

 <button [class.active]="k" (click)="toggle()">1</button>
 <button [class.active]="k" (click)="toggle()">2</button>

TS

k: boolean = false;
toggle(): void {
   this.k = !this.k;
}

标签： angular

Answer 1

 <button (click)="toggle($event)">1</button>
 <button (click)="toggle($event)">2</button>

TS：

toggle(event): void {
    event.target.classList.toggle("active");
}