Angular 7，为formarray控件动态赋值

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

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent {
  myForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.myForm = this.formBuilder.group({
      myFormArray: this.formBuilder.array([])
    });
  }

  get myFormArray(): FormArray {
    return this.myForm.get('myFormArray') as FormArray;
  }
}

ngOnInit() {
  // 假设我们有一个包含初始值的数组
  const initialValues = ['Value 1', 'Value 2', 'Value 3'];

  // 使用初始值创建FormControl并将其添加到FormArray中
  initialValues.forEach(value => {
    this.myFormArray.push(this.formBuilder.control(value));
  });
}

<form [formGroup]="myForm">
  <div formArrayName="myFormArray">
    <div *ngFor="let control of myFormArray.controls; let i = index">
      <input [formControlName]="i" type="text">
    </div>
  </div>
</form>