我已经通过FormArray动态地填充了角反应形式的值。现在我想创建另一个嵌套的formArray来创建动态字段

时间:2019-11-25 20:13:50

标签: javascript angular typescript angular-reactive-forms formarray

我有一个API,我可以从其中访问值,并使用FormArray通过HTML中的*ngfor以响应形式填充。现在,我想创建另一个嵌套的formArray以在特定行中创建一个动态字段。我该如何实施?

这用于从API获取数据:

var arr = [];

for (let ingredient of this.attendanceData.data) {

  arr.push(
    new FormGroup({
      'name': new FormControl(ingredient.name,),
      'currtime':new FormControl(this.currTime),
      'country':new FormControl (null)
    })
  );
}

这是我的反应式表单控制部分:

this.recipeForm = this.fb.group({
  'currtime':[this.currTime],
  'name1': new FormControl(recipeName, Validators.required),
  'ingredients': this.fb.array(arr),
});

如何实现另一个嵌套表单数组来添加动态字段?

0 个答案:

没有答案