Angular为什么通过.controls访问嵌套的formgroup会在使用[controls]时抛出错误

Question

尝试访问嵌套表单组时，如下所示

this.parentForm = this.FormBuilder.group({
  name: [''],
  addressGroup: this.FormBuilder.group({
    street: [''],
    city: ['']
  });
});

当尝试访问像this.parentForm.controls.addressGroup.controls.street这样的街道时 - 它会抛出错误属性＆＃39;控件＆＃39;类型＆＃39; AbstractControl＆＃39;上不存在，但是在访问时不会抛出错误，如下所示.parentForm.controls.addressGroup [＆＃39; controls＆＃39;]。street

有人可以解释原因和原因，我已经搜索了很多而且找不到合适的理由

Answer 1

FormGroup.controls返回类型为{[key: string]: AbstractControl}。 this.parentForm.controls.addressGroup将返回AbstractControl。这就是你遇到错误的原因。 要解决方法，请使用get方法：this.parentForm.get('addressGroup.street')。