Angular / Firestore - зацикливание на массиве документов с помощью formcontrols

Question

У меня есть угловой компонент, который запрашивает документ. После получения документа я обновляю форму.

    this.editForm = fb.group({
      title: ['', Validators.required],
      testArray: [],
    });

    ...


  getRecipe() {
    this.recipeDocRef = this.afs.doc(`recipes/${this.recipe_id}`);
    this.recipeDoc = this.recipeDocRef.snapshotChanges();
    this.recipeDoc.subscribe(value => {
      const data = value.payload.data();
      const id = value.payload.id;

      this.editForm.patchValue(data);    

    });
  }

Когда консоль регистрирует editForm, правильные детали есть.

Вопрос ... Как в моем HTMl отобразить каждый элемент в форме testArray formControl и как мне затем обновить его?

Ниже приведена структура, которую я хочу создать, где каждый элемент в массиве добавляется в качестве ввода со значением.

<form [formGroup]="editForm">
   <ul>
      <li *ngFor="">
         <input value/>
      </li>
    </ul>
</form>