仅提交 FormArray 内的响应式表单中的选定值答案

【问题标题】：Submit Only Selected Values in Reactive Forms Inside of FormArray仅提交 FormArray 内的响应式表单中的选定值
【发布时间】：2018-06-11 21:21:59
【问题描述】：

我相信这是一个简单的问题，但我对如何只在我的提交按钮上提交选定的值感到困惑，就像我希望只有成分 ID 和价格应该出现在 console.log 上一样。我很困惑，因为它在 formArray 内部。数量不应该出现在 console.log 上？这是我的堆栈闪电战CODE

onSubmit(form: FormGroup){
    const Data = {
      values: this.addForm.get('rows').value
    }
    console.log(Data)
  }

【问题讨论】：

您只是想删除quantity 属性吗？如果是这样，为什么不const values = this.addForm.get('rows').value.map(({quantity, ...obj}) => obj); const data = { values };？见：codeburst.io/…

标签： angular angular-reactive-forms angular4-forms reactive-forms

【解决方案1】：

没有自动化工具，您必须编写自己的自定义输出，下面是一个示例：

  onSubmit(form: FormGroup){
    let values_ = [];
    this.addForm.get('rows').value.forEach(item => {
      values_.push({
        ingredient_id: item['ingredient_id'],
        unit_price: item['unit_price']
      })
    })
    const Data = {
      values: values_
    }
    console.log(Data)
  }

【讨论】：