来自JSON的数据不显示在FormArray的输入中。

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

@Component({
  selector: 'app-form-array-example',
  template: `
    <form [formGroup]="myForm">
      <div formArrayName="items">
        <div *ngFor="let item of items.controls; let i = index">
          <input [formControlName]="i" placeholder="Item {{ i + 1 }}">
        </div>
      </div>
    </form>
  `,
})
export class FormArrayExampleComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder, private http: HttpClient) {
    this.myForm = this.fb.group({
      items: this.fb.array([]),
    });
  }

  ngOnInit() {
    this.http.get('your-json-data-url').subscribe((data: any[]) => {
      const itemsFormArray = this.myForm.get('items') as FormArray;
      data.forEach((item) => {
        const itemFormGroup = this.fb.group({
          // Define form controls based on your JSON structure
          // For example:
          name: [item.name],
          age: [item.age],
        });
        itemsFormArray.push(itemFormGroup);
      });
    });
  }

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