在Angular 8中创建具有动态表单的复选框

<form #myForm="ngForm">
  <div *ngFor="let option of options">
    <label>
      <input type="checkbox" name="checkboxOptions" [(ngModel)]="option.selected">
      {{ option.label }}
    </label>
  </div>
</form>

export class MyComponent {
  options = [
    { label: 'Option 1', selected: false },
    { label: 'Option 2', selected: false },
    { label: 'Option 3', selected: false }
  ];
}

<form #myForm="ngForm" (ngSubmit)="submitForm()">
  <!-- 复选框代码省略 -->
  <button type="submit">提交</button>
</form>

export class MyComponent {
  // options数组和其他代码省略

  submitForm() {
    const selectedOptions = this.options.filter(option => option.selected);
    console.log(selectedOptions);
  }
}