主页 / coding / 问题 / 79103801
Accepted
dozobus
Asked: 2024-10-19 06:07:31 +0800 CST

如何将包含多个对象的数组传递给 Angular FormControl？

  • 772

假设我有一个具有如下字符串值的对象：

data = { input: '', description: '' }

其中输入是用户输入的内容，我在(change)函数中抓取该内容，而描述是我随后以编程方式在函数中添加的内容。

我正在将一个数据对象数组传递给formControl但是this.form.patchValue({control: this.array})当我用它检查时，它返回一个仅包含第一个对象（ array[0]this.form.get('control').value ）的数组。

我如何让它返回整个数组？

arrays

2 个回答

  1. Best Answer

    确保你必须根据你之前的对象数量来创建FormGroup你中的实例的N（数量） 。control FormArrayarraypatchValue()

    this.form = new FormGroup({
  control: new FormArray([]),
});

for (let data of this.array) {
  (this.form.controls['control'] as FormArray).push(
    new FormGroup({
      input: new FormControl(),
      description: new FormControl(),
    })
  );
}

this.form.patchValue({ control: this.array });

    FormControl您也可以在初始化实例时将值分配给FormGroup。

    for (let data of this.array) {
  (this.form.controls['control'] as FormArray).push(
    new FormGroup({
      input: new FormControl(data.input),
      description: new FormControl(data.description),
    })
  );
}

    演示@StackBlitz

    • 0

  2. for虽然标记答案对我有用，但我发现这个解决方案更好。每次添加新控制组时都无需使用循环进行迭代。

    https://stackoverflow.com/a/45249752/8679394

    • 0

相关问题