用于多个setValue的formGroups

Question

如何使用模型驱动的表单对嵌套的setValue进行formGroup？没有嵌套的formGroup，我可以这样做：

export class MyComponent {

  constructor(
    private formBuilder: FormBuilder) {
      this.form = formBuilder.group({
        id: [],
        title: ['', Validators.required],
        start_date: ['', Validators.required],
        end_date: ['', Validators.required]
     });
  }

  ngOnInit() {
    ...
    this.form.setValue({
      id: this.academicTerm.id,
      title: this.academicTerm.title,
      start_date: this.academicTerm.start_date,
      end_date: this.academicTerm.end_date
    });
    ...
  }

}

这很好，但是如果我将开始日期和结束日期嵌套到它们自己的dates formGroup中(用于验证)。如果没有显示)，则无法找到设置开始日期和结束日期值的方法。

export class MyComponent {

  constructor(
    private formBuilder: FormBuilder) {
      this.form = formBuilder.group({
        id: [],
        title: ['', Validators.required],
        dates: formBuilder.group({
          start_date: ['', Validators.required],
          end_date: ['', Validators.required]
        })
     });
  }

Answer 1

可以将日期值设置为：

this.form.controls['dates'].setValue({
    start_date: '',
    end_date: '',
});

或者整个表格：

this.form.setValue({
  id: '',
  title: '',
  dates: {
      start_date: '',
      end_date: ''
  }
});

但是，如果要设置默认值，只需在构建表单时执行，而不是使用空值('')。