Angular / Firestore-使用formcontrols循环遍历文档数组

时间:2018-11-07 12:56:27

标签: arrays angular google-cloud-firestore form-control

我有一个查询文档的角度组件。检索文档后,我将更新表单。

    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>

0 个答案:

没有答案