使用Angular选中除禁用复选框外的所有复选框

<div *ngFor="let checkbox of checkboxes">
  <input type="checkbox" [id]="checkbox.id" [disabled]="checkbox.disabled" [(ngModel)]="checkbox.checked">
  <label [for]="checkbox.id">{{ checkbox.label }}</label>
</div>

export class AppComponent {
  checkboxes = [
    { id: 'checkbox1', label: '复选框1', checked: false, disabled: false },
    { id: 'checkbox2', label: '复选框2', checked: false, disabled: true },
    { id: 'checkbox3', label: '复选框3', checked: false, disabled: false },
    // 添加更多的复选框...
  ];

  selectAll() {
    this.checkboxes.forEach(checkbox => {
      if (!checkbox.disabled) {
        checkbox.checked = true;
      }
    });
  }
}

<button (click)="selectAll()">全选</button>