访问嵌套的formGroupControl，Angular-6

Question

我正在使用嵌套的formGroups构建表单。

this.outerForm = this._formBuilder.group({
  firstFormGroup: this._formBuilder.group({
    nserNumber: ['', Validators.required]
  }),
  secondFormGroup: this._formBuilder.group({
    blcRoomName: ['', Validators.required],
    tpRoomName: ['', Validators.required],
    codecHostName: ['', Validators.required],
    switchHostname: ['', Validators.required],
    networkReleaseManager: ['', Validators.required],
    availablePorts: ['', Validators.required],
    crqNumber: [''],
    crqCreate: [''],
  })
})

我想访问crqNumber内的secondFormGroup，也访问outerForm内的FileNo。如何在.ts代码中访问它。我想根据某些条件更改其验证。

请帮助。

Answer 1

这是如何处理此问题的示例！您需要通过this.outerForm访问该表单。

如果您使用VS Code（或另一个优秀的面向Typescript的IDE），它将在您键入时向您建议可用的方法。在此示例中，我将crqNumber设置为required。

this.outerForm.controls.secondFormGroup.controls.crqNumber
  .setValidators(Validators.compose([Validators.required]));