如何在反应式Angular-form项目中管理选择选项的数组？

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

export class YourComponent implements OnInit {
  form: FormGroup;

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.form = this.fb.group({
      options: this.fb.array([]) // 初始化一个空的FormArray
    });
  }
}

<form [formGroup]="form">
  <div formArrayName="options">
    <div *ngFor="let option of options.controls; let i = index">
      <input type="text" [formControlName]="i">
      <button (click)="removeOption(i)">删除</button>
    </div>
  </div>
  <button (click)="addOption()">添加选项</button>
</form>

export class YourComponent implements OnInit {
  // ...

  get options() {
    return this.form.get('options') as FormArray;
  }

  addOption() {
    this.options.push(this.fb.control(''));
  }

  removeOption(index: number) {
    this.options.removeAt(index);
  }
}