Angular架构表单-数组中的copyValueTo

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

@Component({
  selector: 'app-example',
  template: `
    <form [formGroup]="myForm">
      <div formArrayName="myArray">
        <div *ngFor="let control of myArray.controls; let i = index">
          <input [formControlName]="i" />
        </div>
      </div>
      <button (click)="copyValues()">Copy Values</button>
    </form>
  `,
})
export class ExampleComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      myArray: new FormArray([
        new FormControl(''),
        new FormControl(''),
        new FormControl(''),
      ]),
    });
  }

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

  copyValues() {
    const values = this.myArray.controls.map((control) => control.value);
    // 将values复制到数组中的指定属性
    // ...
  }
}