我正在使用FormArray，并且在另一个控件中有控件，但是如何在angular的嵌套控件中添加元素

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

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

  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.myForm = this.fb.group({
      nestedControls: this.fb.array([]) // 初始化为空数组
    });
  }
}

<form [formGroup]="myForm">
  <div formArrayName="nestedControls">
    <div *ngFor="let control of nestedControls.controls; let i = index">
      <input [formControlName]="i" placeholder="Nested Control {{i}}">
    </div>
  </div>
</form>

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

addNestedControl() {
  this.nestedControls.push(this.fb.control('')); // 添加一个新的控件
}

<button (click)="addNestedControl()">Add Nested Control</button>