1

如何将下拉菜单中的值合并到对象数组中?有两个带有预填充值的下拉菜单(个人和国家) 在此处输入图像描述

因此,在将国家/地区分配给人员时,我试图获取对象数组中的数据,例如:[{person: 'John', country: 'USA'}, {person: 'Pablo', country: 'Mexico'}]基于用户选择。

我正在尝试,FormArray但我做错了什么

堆栈闪电战

4

1 回答 1

0

您需要根据人数数据向 formArray 添加一个 formGroup,因此如果您有两个人,则必须创建两个 formGroup

像这样

this.selectForm = this.formBuilder.group({
  persons: this.formBuilder.array([
    this.formBuilder.group({
      'person': '',
      'country': ''
    }),
    this.formBuilder.group({
      'person': '',
      'country': ''
    })
  ])
});

或根据人员扩大表单组

this.selectForm = this.formBuilder.group({
  persons: this.formBuilder.array(this.getFormGroupByN(this.personsData.length)
  )
});


getFormGroupByN(n: number) {
  let result = []
  for (let i = 0; i < n; i++) {
    result.push(this.formBuilder.group({
      'person': '',
      'country': ''
    })
    );
  } // for end 

  return result;
}

我创建了一个变量来保存人员数据personsData,以便 Ican 循环抛出并创建选项元素

this.personsData = this.parts.map(part => part.persons).reduce((r, part, []) => r.concat(part));

结果现在看起来像这样

[{"person":"John","country":"USA"},{"person":"Pablo","country":"Mexico"}]

stackblitz 演示

于 2018-10-01T11:18:58.360 回答