如何在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');
  }
}