如何在angular 7中禁用bootstrap 4按钮组数组中的单击按钮

<div class="btn-group">
  <button *ngFor="let button of buttonArray; let i = index"
          type="button"
          class="btn"
          [ngClass]="{'disabled': button.disabled}"
          (click)="handleButtonClick(i)">
    {{ button.label }}
  </button>
</div>

import { Component } from '@angular/core';

@Component({
  selector: 'app-button-group',
  templateUrl: './button-group.component.html',
  styleUrls: ['./button-group.component.css']
})
export class ButtonGroupComponent {
  buttonArray = [
    { label: 'Button 1', disabled: false },
    { label: 'Button 2', disabled: false },
    { label: 'Button 3', disabled: false }
  ];

  handleButtonClick(index: number): void {
    // 根据需要禁用或启用特定按钮
    this.buttonArray[index].disabled = true;
  }
}