表单组上的.value将数值显示为null或“”

时间:2019-02-18 19:34:42

标签: javascript angular

无法从表单组获取数据。我有一个名为lineitemForm的formGroup,我想在以下格式设置上述表单组:

  private formatTransferData() {
    const depositDates = this.getDepositDates(this.lineItemsForm);
    const mappedValues = this.formatFormValues(depositDates);

    return this.filterFormValues(mappedValues);
  }

  private formatFormValues(depositDates) {
    return depositDates.map((depositDate) => {
      return {
        effectiveDates: depositDate.controls.effectiveDates.value,
        depositDate: depositDate.controls.depositDate.value,
      };
    });
  }

我一直注意到,当我将formatTransferData()传递到depositDates时,函数this.FormatValues()发生了故障,depositDates中有两个数字变量,我可以console.log在映射depositDate.controls.effectiveDates中,并看到两个数值,但是一旦我将.value添加到末尾,这些数值就会自己解析为null或简单的"" ,在包含数值/秒的formGroup上使用.value时,我是否没有意识到某种冲突?

1 个答案:

答案 0 :(得分:0)

在以后的反思中,从formGroup获取值的最佳方法是执行以下操作:

this.formGroup.controls['someFormGroupValue'].value

this.someForm.get('someFormItem').value;