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

Angular 7是一种流行的前端开发框架，Bootstrap是一种常用的前端组件库。在Angular 7中，我们可以通过使用表单验证来验证表单的输入。要在选中复选框时验证表单，但在未选中时不进行验证，可以按照以下步骤操作：

在Angular 7中创建一个表单，并将Bootstrap复选框添加到表单中。
使用Angular的表单验证功能来验证表单。可以使用Angular内置的验证器，也可以自定义验证器。
对于要在选中时进行验证的复选框，可以使用Angular的条件验证器。这样，只有在复选框选中时才会触发验证。
对于未选中的复选框，可以使用Angular的条件验证器设置为无效。这样，即使用户未选中复选框，也不会触发验证。
在表单提交时，可以通过验证表单的有效性来判断是否通过验证。

以下是一个示例代码：

<!-- 在组件模板中定义表单 -->
<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');
  }
}

在这个示例中，我们创建了一个表单，并绑定了一个复选框的值。通过使用ngModel指令，我们可以将复选框的状态与组件中的checkboxValue变量进行双向绑定。在复选框的标签中，我们还设置了required验证器，以确保复选框在提交表单之前被选中。

在表单中，我们使用了条件验证器来根据复选框的状态来进行验证。只有在复选框被选中时，才会触发验证。如果复选框未选中，验证将被设置为无效，因此不会触发验证。

在提交表单时，我们通过检查表单的有效性来确定是否通过验证。如果表单有效，我们可以执行提交操作。否则，我们可以显示相应的错误信息。

腾讯云提供了一系列云计算相关的产品，如云服务器、云数据库、云存储等。这些产品可以用于构建和部署基于云计算的应用程序。关于腾讯云的产品介绍和相关链接地址，可以查阅腾讯云官方文档或访问腾讯云官方网站。