[ formarray ][SubmitForm][Angular]无法从from数组提交值

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

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

  constructor(private fb: FormBuilder) {
    this.yourForm = this.fb.group({
      items: this.fb.array([])
    });
  }

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

  addItem() {
    const newItem = this.fb.control('');
    this.items.push(newItem);
  }

  onSubmit() {
    if (this.yourForm.valid) {
      console.log(this.yourForm.value.items); // 打印 FormArray 的值
    }
  }
}

<!-- your-component.component.html -->
<form [formGroup]="yourForm" (ngSubmit)="onSubmit()">
  <div formArrayName="items">
    <div *ngFor="let item of items.controls; let i = index" [formGroupName]="i">
      <input formControlName="name" />
    </div>
  </div>
  <button type="button" (click)="addItem()">Add Item</button>
  <button type="submit">Submit</button>
</form>