访问嵌套的formGroupControl,Angular-6

时间:2019-02-25 16:06:42

标签: angular

我正在使用嵌套的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代码中访问它。我想根据某些条件更改其验证。

请帮助。

1 个答案:

答案 0 :(得分:0)

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

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

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