在angular4中验证多个复选框

<form [formGroup]="checkboxForm">
  <label>
    <input type="checkbox" formControlName="checkbox1"> Checkbox 1
  </label>
  <label>
    <input type="checkbox" formControlName="checkbox2"> Checkbox 2
  </label>
  <label>
    <input type="checkbox" formControlName="checkbox3"> Checkbox 3
  </label>
  <button (click)="submit()">Submit</button>
</form>

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'app-checkbox-validation',
  templateUrl: './checkbox-validation.component.html',
  styleUrls: ['./checkbox-validation.component.css']
})
export class CheckboxValidationComponent implements OnInit {
  checkboxForm: FormGroup;

  constructor(private formBuilder: FormBuilder) { }

  ngOnInit() {
    this.checkboxForm = this.formBuilder.group({
      checkbox1: [false, Validators.requiredTrue],
      checkbox2: [false, Validators.requiredTrue],
      checkbox3: [false, Validators.requiredTrue]
    });
  }

  submit() {
    if (this.checkboxForm.valid) {
      // 复选框验证通过，执行提交操作
    } else {
      // 复选框验证未通过，显示错误信息或执行其他操作
    }
  }
}

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { CheckboxValidationComponent } from './checkbox-validation.component';

@NgModule({
  declarations: [CheckboxValidationComponent],
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule
  ]
})
export class CheckboxValidationModule { }