仅提交FormArray内部的活动表单中的选定值

时间:2018-01-02 06:21:59

标签: angular angular-reactive-forms angular4-forms reactive-forms

我认为这是一个简单的问题,但我对如何在提交按钮上提交所选值感到困惑,就像我希望只有ingredient_id和price应该出现在console.log上一样。我很困惑,因为它在formArray中。数量不应出现在console.log上? 这是我的stackblitz CODE

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

1 个答案:

答案 0 :(得分: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)
  }