无法提交反应式表单中禁用行的数据

Question

我在反应形式的行中有这个 unit_price，需要提交它，并且还需要禁用它，因为它已经设置。为什么提交后在console.log中看不到"unit_price"？我怎样才能解决这个问题？这里代码CODE LINK

的link

initGroup() {
    let rows = this.addForm.get('rows') as FormArray;
    rows.push(this.fb.group({
      ingredient_id: ['', Validators.required],
      unit_price: new FormControl({ value: '', disabled: true }, Validators.required),
    }))
  }

Answer 1

如果您想包括所有值而不考虑禁用状态，请使用 getRawValue 方法而不是 value

const Data = {
  ingredients: (this.addForm.get('rows') as FormArray).getRawValue(),
}

Stackblitz Example

无法提交反应式表单中禁用行的数据

Disabled Rows' Data in Reactive Forms Can't Be Submitted

angular

angular-reactive-forms

angular4-forms