我有一个查询文档的角度组件。检索文档后,我将更新表单。
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>