Angular Почему доступ к вложенной группе форм через.controls выдает ошибку при использовании [controls] не

Question

При попытке получить доступ к вложенной группе форм, как показано ниже

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

При попытке получить доступ к улице, как this.parentForm.controls.addressGroup.controls.street - выдает ошибку. Свойство 'controls' не существует для типа 'AbstractControl', но не выдает ошибку при доступе, как показано ниже this.parentForm.controls.addressGroup [ 'управления']. улица

Может кто-нибудь объяснить, почему и в чем причина, я много искал и не смог найти ни одной подходящей причины

Answer 1

FormGroup.controls тип возврата {[key: string]: AbstractControl}, this.parentForm.controls.addressGroup вернусь AbstractControl, This is why you got an error. As a workaround use get метод: this.parentForm.get('addressGroup.street'),