如何在角度7的Modal中加载动态表单，其中的formcontrols（输入字段）也从api调用中加载

Question

问题是，作为formcontrol放入的输入字段是从API后端调用获取的，因为它不断变化。表单不断抛出错误“找不到控件名称”。通过http调用返回（使用订阅）时，表单在屏幕上传递，我无法准时创建formcontrols。有人做过这种情况吗？

Answer 1

您可以根据您的回复动态创建表单。 ->

for（response.items）{const formGroup = {

    form: this.formBuilder.group({
        fromVal: ['', Validators.required],
        toVal: ['', Validators.required],
        }),
    };
this.fromArray.push(formGroup);

}

然后您可以在视图中访问它们->

    <mat-cell *matCellDef="let riskClass; let i = index;" class="px-0 col">
        <form [formGroup]="fromArray[i].form" >
           <label class="no-wrap mr-3">FROM : </label>
        <input formControlName="fromVal"
            [value]="fromArray[i].form.get('fromVal').value"
            class="form-control no-radius mt-0 mr-3"/>
       </form>
   </mat-cell>