Angular。错误无法读取 null 的属性（读取 'addFormGroup'）

Question

我有一个表单组件：

<form [formGroup]="Nsfg.invoiceFormGroup">
   <div formGroupName="namespace">
      <div class="accordion" id="accordionTrikititta">
         <newFacturaE></newFacturaE>
                  
         <fileHeaderComponent [invoiceFormGroup]="Nsfg.invoiceFormGroup">
         </fileHeaderComponent>
         ...

随着表单的增长，我需要将其分成不同的部分：第一个 'fileHeaderComponent'

在我的子组件中 Html:

<div formGroupName="FileHeader">             
             <div class="form-inline">
 ....

然后我收到一个错误：

错误类型错误：无法读取 null 的属性（读取 'addFormGroup'）

正在调试它，因为没有找到元素的父级...它应该在哪里找到父级形式它是空的。

我一直在尝试在这里找到的一些解决方案（没有运气）：

https://stackblitz.com/edit/angular-2b3zcz?file=src%2Fapp%2Faddress%2Faddress.component.html



https://stackblitz.com/edit/angular-ewdzmp?file=src%2Fapp%2Fcomponent%2Ffamily%2Ffamily.component.ts

Answer 1

感谢 Jai Saravanan！

在我的例子中，我是这样修复的：

parent html（指child）：

<form [formGroup]="Nsfg.invoiceFormGroup">
   <div formGroupName="namespace">
     <fileHeaderComponent formGroupName="FileHeader"></fileHeaderComponent>

html child:

<div [formGroup]="fileHeaderFormGroup">

ts child:

export class FileHeaderComponent implements OnInit {      
  @Input() formGroupName: string;

ngOnInit(): void {
    this.fileHeaderFormGroup = NsGet.fileHeader as FormGroup;
  }

NsGet 等于

 Nsfg.invoiceFormGroup.get('namespace').get('FileHeader');

Angular。错误无法读取 null 的属性（读取 'addFormGroup'）

Angular. Error Cannot read properties of null (reading 'addFormGroup')

angular

forms

parent-child