Javascript formArray中的formGroupName不工作，获取错误->无法找到路径为“字段->0->单位->需要转换”的控件

我在formArray中添加formGroupName时遇到问题。我想在每个表单数组对象中添加如下内容：

unit: {
  conversion_needed: false,
  imperial: '',
  metric: ''
}

这是表单中的全部代码：

<div formArrayName="fields">
        <fieldset *ngFor="let field of fieldsArray.controls; let i = index" [formGroupName]="i">

            <div class="form--group">
                <div class="input--field">
                    <label>Name</label>
                    <input type="text" formControlName="name">
                </div>
            </div>

            <div class="form--group">
                <div class="input--field">
                    <label for="">Type</label>

                    <ng-select appearance="outline" labelForId="" [searchable]="false" formControlName="type">
                        <ng-option [value]="'string'">String</ng-option>
                        <ng-option [value]="'number'">Number</ng-option>
                        <ng-option [value]="'SingleSelect'">Single select</ng-option>
                        <ng-option [value]="'MultipleSelect'">Multiple select</ng-option>
                        <ng-option [value]="'boolean'">Boolean</ng-option>
                        <ng-option [value]="'metric_conversion_weight'">Metric conversion weight</ng-option>
                        <ng-option [value]="'metric_conversion_distance'">Metric conversion distance</ng-option>
                        <ng-option [value]="'metric_conversion_velocity'">Metric conversion velocity</ng-option>
                    </ng-select>
                </div>
            </div>

            <div formGroupName="unit"
                *ngIf="field.value.type  === 'metric_conversion_weight' || field.value.type  === 'metric_conversion_distance' || field.value.type  === 'metric_conversion_velocity'">
                <div class="form--group">
                    <input type="checkbox" formControlName="conversion_needed" />
                    Conversion needed
                </div>
            </div>

            <div class="form--group">
                <div class="input--field">
                    <label for="">Required</label>
                    <div class="control-group">
                        <label [for]="'required' + i">
                            <input [id]="'required' + i" type="checkbox" formControlName="required">
                            Check if it's required
                        </label>
                    </div>
                </div>
            </div>

            <div class="form--group">
                <div class="input--field">
                    <button type="button" class="btn btn--link" (click)="removeField(i)">Remove field</button>
                </div>
            </div>

        </fieldset>
    </div>

---

我得到的错误是：找不到路径为“fields->0->unit->conversion\u needed”的控件。

kresimir，表单数组的元素真的是这样吗

{
  name:...
  type:...
  unit:{
     conversion_needed:...
  }
  required:...
}

---

这看起来像是额外的单位。转换需要

请添加相关的TypeScript@GuerricP你需要ts文件做什么？@GuerricP真的要问他为什么需要你的ts文件吗？你的formArray功能是there@KrešimirGalić错误显然是模板和打字脚本之间的结构差异，所以，请分享所有有助于在TypeScript端构建表单的内容