FormArray外部的FormGroup的访问控件

编程问答 2022-08-13

问题描述

我想访问formarray中不存在的formgroup（客户端）的控件。需要例外，因为它完全适合我的布局。我试图通过parent.parent.controls访问。它为客户端显示了正确的控件，但是Angular仍然会抛出例外错误：

Cannot find control with path: 'pages -> 0 -> [object Object]'

我的尝试甚至可能吗？当然，我可以将FormGroup放入页面中，但是我生成了这些页面，并且我不想每次都不必要地复制客户端Formgroup。

HTML：

<div formArrayName="pages">
   <div class="page" *ngFor="let page of getPages(invForm); let i = index;">
       <div [formGroupName]="i">
          <div [formGroupName]="getClient(page)">
             <input [formControlName]="getClient(page).get('firstname')>
             <input [formControlName]="getClient(page).get('surname')>
          </div>
          ...
        </div>
   </div>
</div>

TS：

invForm = this.fb.group({
  client: this.fb.group({
      firstname: [''],surname: [''] 
  }),pages: this.fb.array([
     { 
        content: ...
     }
   ])
 });
    
    getClient(form: FormGroup) {
       return form.parent.parent.controls;
  }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangular-formsformarrayformgroupsparent