为何访问FormGroup值时数值字段显示为空字符串？

我来帮你梳理下可能的原因和解决办法，结合你的代码和描述来看：

1. 先核对控件名称的拼写（重点！） #

你在问题里提到“amount始终显示为空字符串”，但看你的代码，你访问的是effectiveDates和depositDate这两个控件——这会不会是笔误？如果实际要获取的是amount控件的值，那首先要确认你的FormGroup定义里确实存在amount这个控件，并且拼写（包括大小写）完全一致，哪怕一个字母错了都会拿不到值。

如果是你描述里的“amount”是笔误，那也要核对effectiveDates和depositDate这两个控件名和你定义FormGroup时的名称完全匹配。

2. 改用get()方法访问控件值更可靠 #

虽然depositDate.controls.effectiveDates.value这种方式能访问控件值，但Angular推荐用get()方法，它更安全，尤其是控件嵌套较深的时候，而且如果控件名写错，get()会返回undefined而不是直接报错，方便排查。

修改你的方法试试：

private formatFormValues(depositDates: FormArray) {
  return depositDates.controls.map((depositDate: FormGroup) => {
    // 用get()访问，加可选链避免控件不存在时出错
    const effectiveDatesVal = depositDate.get('effectiveDates')?.value;
    const depositDateVal = depositDate.get('depositDate')?.value;
    
    console.log('effectiveDates 值:', effectiveDatesVal);
    console.log('depositDate 值:', depositDateVal);
    
    return {
      effectiveDates: effectiveDatesVal ?? '', // 空值合并，避免返回undefined
      depositDate: depositDateVal ?? '',
    };
  });
}

3. 确认depositDates的类型是FormArray #

你用了depositDates.map()，说明它应该是一个FormArray（FormGroup没有map方法）。如果你的depositDates被错误地声明为FormGroup，那肯定会出问题。确认你的定义类似这样：

// 先定义单个存款项的FormGroup
private createDepositDateGroup(): FormGroup {
  return new FormGroup({
    effectiveDates: new FormControl('', Validators.required), // 这里可以设置初始值
    depositDate: new FormControl(new Date(), Validators.required),
    // 如果有amount控件，也要在这里定义
    // amount: new FormControl(0, Validators.required)
  });
}

// 初始化FormArray
this.depositDates = new FormArray([this.createDepositDateGroup()]);

4. 检查控件是否已被正确赋值 #

有时候日志里打印整个FormGroup对象时看起来有值，但实际控件的value还没更新：

• 如果是响应式表单，确认你已经用setValue()或patchValue()给控件赋过值，或者初始化时设置了正确的初始值；
• 如果是模板驱动表单，确认模板里的formControlName和FormGroup里的控件名完全对应，没有拼写错误。

5. 避免在控件初始化完成前访问值 #

如果depositDates是异步加载的（比如从后端接口获取数据后才创建FormArray），那如果在数据还没返回时就调用formatFormValues，就会拿到空值。你可以在调用前加个判断：

if (this.depositDates && this.depositDates.length > 0) {
  const formattedValues = this.formatFormValues(this.depositDates);
  // 后续处理逻辑
}

内容的提问来源于stack exchange，提问作者JvB