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

在Angular 7中禁用Bootstrap 4按钮组数组中的单击按钮，可以通过以下步骤实现：

首先，确保已经安装了Bootstrap 4和Angular 7，并在项目中引入了它们。
在组件的HTML模板中，使用ngFor指令循环遍历按钮组数组，并为每个按钮添加一个点击事件处理程序。同时，使用ngClass指令根据按钮的状态动态添加或移除"disabled"类。

<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>

在组件的Typescript文件中，定义按钮组数组和点击事件处理程序。在点击事件处理程序中，根据需要禁用或启用特定按钮。

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;
  }
}

在上述示例中，按钮组数组buttonArray包含了三个按钮对象，每个对象都有一个label属性和一个disabled属性。通过在点击事件处理程序中修改disabled属性的值，可以禁用或启用特定按钮。

这样，当点击按钮时，对应的按钮会被禁用，并且添加了"disabled"类，使其在外观上呈现禁用状态。

请注意，这只是一个简单的示例，你可以根据实际需求进行修改和扩展。关于Angular和Bootstrap的更多信息，可以参考腾讯云的相关产品和文档：