Angular 7表单和Bootstrap复选框在选中时验证表单，但在未选中时不会无效

<!-- 在组件模板中定义表单 -->
<form #myForm="ngForm" (ngSubmit)="submitForm(myForm)">
  <!-- 使用ngModel指令绑定复选框的值 -->
  <label>
    <input type="checkbox" name="checkbox" [(ngModel)]="checkboxValue" required>
    Checkbox
  </label>
  
  <!-- 显示验证错误信息 -->
  <div *ngIf="checkboxValue.invalid && (checkboxValue.dirty || checkboxValue.touched)">
    <div *ngIf="checkboxValue.errors.required">Checkbox is required</div>
  </div>
  
  <!-- 提交按钮 -->
  <button type="submit">Submit</button>
</form>

// 在组件中定义复选框的值
checkboxValue: FormControl;

// 在组件的构造函数中初始化复选框的值
constructor() {
  this.checkboxValue = new FormControl('', Validators.required);
}

// 提交表单
submitForm(form: NgForm) {
  if (form.valid) {
    // 表单通过验证，执行提交操作
    console.log('Form submitted');
  } else {
    // 表单未通过验证，显示错误信息
    console.log('Form validation failed');
  }
}