使用Angular切换Class b/w两个按钮

<button class="button-toggle" (click)="toggleButton1()">按钮1</button>
<button class="button-toggle" (click)="toggleButton2()">按钮2</button>

button1Active: boolean = true;
button2Active: boolean = false;

toggleButton1() {
  this.button1Active = !this.button1Active;
  this.button2Active = !this.button2Active;
}

toggleButton2() {
  this.button2Active = !this.button2Active;
  this.button1Active = !this.button1Active;
}

.button-toggle {
  /* 按钮的默认样式 */
}

.button-toggle.active {
  /* 按钮的激活样式 */
}

.button-toggle.inactive {
  /* 按钮的非激活样式 */
}

<button [class.button-toggle]="true" [class.active]="button1Active" [class.inactive]="!button1Active" (click)="toggleButton1()">按钮1</button>
<button [class.button-toggle]="true" [class.active]="button2Active" [class.inactive]="!button2Active" (click)="toggleButton2()">按钮2</button>