如何使用angular form控件仅将选中的复选框值推送到数组中

Angular Form是Angular框架提供的一种表单处理机制，它可以方便地对用户输入的数据进行验证、收集和提交。

要使用Angular Form控件将选中的复选框值推送到数组中，可以按照以下步骤进行操作：

在HTML模板文件中，使用Angular的Form模块提供的Form标签包裹需要处理的表单内容，例如：

<form (ngSubmit)="onSubmit()">
  <!-- 表单内容 -->
</form>

在表单内容中，使用Angular的Form模块提供的Checkbox标签创建复选框，同时绑定一个FormControl实例，例如：

<div *ngFor="let option of options">
  <input type="checkbox" [formControl]="optionControl" [value]="option">
  {{ option }}
</div>

这里假设options是一个包含复选框选项的数组，optionControl是一个FormControl实例。

在组件的Typescript文件中，定义一个FormGroup实例，将FormControl实例添加到FormGroup中，例如：

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  // 组件配置
})
export class MyComponent {
  options = ['option1', 'option2', 'option3'];
  optionControl: FormControl;
  form: FormGroup;

  constructor() {
    this.optionControl = new FormControl();
    this.form = new FormGroup({
      options: this.optionControl
    });
  }

  onSubmit() {
    const selectedOptions = this.form.value.options;
    console.log(selectedOptions);
  }
}

在组件的模板文件中，将FormGroup实例绑定到Form标签的ngForm指令上，例如：

<form (ngSubmit)="onSubmit()" [formGroup]="form">
  <!-- 表单内容 -->
</form>

在提交表单的回调函数中，可以通过this.form.value.options获取选中的复选框值，并进行后续操作。例如，可以将选中的复选框值推送到一个数组中：

onSubmit() {
  const selectedOptions = this.form.value.options;
  const selectedValues = [];
  for (const option in selectedOptions) {
    if (selectedOptions[option]) {
      selectedValues.push(option);
    }
  }
  console.log(selectedValues);
}

关于Angular Form的更详细信息，可以参考腾讯云的文档： Angular Form

注意：以上回答中提到的腾讯云链接仅作为示例，实际使用时请参考各个云服务商的官方文档。