如何在嵌套表单中设置表单控件值

Question

this.workScheduleTableForm =this.fb.group({
  rowId:[''],
  personId:[''],
  permanentWorkSchedule:[''],
  workScheduleDayDetails:this.fb.group({
     days:[''],
    sun:this.fb.group({
      hr:[''],
      code:[''],
      start:[''],
      end:[''],
      lunch:[''],
    }),
  }),
})

我可以像

一样设置二级

this.workScheduleTableForm.controls.workScheduleDayDetails['controls']['days'].setValue('test')

第三级有问题

this.workScheduleTableForm.controls.workScheduleDayDetails.control.days.['control']['hr'].setValue('test');

我尝试了这个，但它不起作用。

Answer 1

它的工作方式应该与二级相同。请注意，您在第三级的代码中写了 control 而不是 controls。

this.workScheduleTableForm.get('workScheduleDayDetails').get('sun').get('hr').setValue('value');

或

this.workScheduleTableForm.controls.workScheduleDayDetails.controls.sun.controls['hr'].setValue('value');