如何在formArray中的formControl上执行setValue？

在formArray中的formControl上执行setValue可以通过以下步骤实现：

首先，确保你已经创建了一个formArray，并且在其中包含了需要操作的formControl。formArray是一个由多个formControl组成的表单控件数组。
获取到需要操作的formControl的引用。可以通过formArray的at方法来获取指定位置的formControl，例如：const control = formArray.at(index);，其中index是formControl在formArray中的索引。
使用获取到的formControl引用调用setValue方法来设置其值。setValue方法接受一个参数，用于设置formControl的值。例如：control.setValue(value);，其中value是要设置的值。

需要注意的是，setValue方法会覆盖formControl的当前值，如果你只想修改部分属性，可以使用patchValue方法。

以下是一个示例代码，演示如何在formArray中的formControl上执行setValue：

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

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

  constructor() {
    this.myForm = new FormGroup({
      myFormArray: new FormArray([
        new FormControl('Value 1'),
        new FormControl('Value 2'),
        new FormControl('Value 3'),
      ]),
    });
  }

  setValue() {
    const formArray = this.myForm.get('myFormArray') as FormArray;
    const control = formArray.at(0);
    control.setValue('New Value');
  }
}

在上述示例中，我们创建了一个包含3个formControl的formArray，并将其绑定到模板中的input元素上。当点击"Set Value"按钮时，会将第一个formControl的值设置为"New Value"。

推荐的腾讯云相关产品和产品介绍链接地址：