Как загрузить динамическую c форму в Modal в angular 7, где формы управления (поля ввода) также загружаются из вызова API

Question

Проблема заключается в том, что поля ввода, которые должны быть введены в качестве formcontrols, получаются из внутреннего вызова API, так как он постоянно меняется. Форма продолжает выдавать ошибку «Не удается найти имя элемента управления». К тому времени, когда HTTP-вызов возвращается (с помощью подписки), форма доставляется на экран, и я не могу создать формы управления по времени. Таким образом, выдает ошибку. сделал такой сценарий?

Answer 1

Вы можете создавать формы динамически из вашего ответа. ->

for (item of 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>