反应形式中的形式

Question

第一个表单是父表单，在其中我有另一个表单成为必要的，因为属性与父表单中的属性相同。

我是这样做的

<div formControlName="pessoa">
    <div [formGroup]="formPessoa" class="ui-g ui-fluid">
        <div class="ui-g-12 ui-md-3">
            <msp-input-text id="nome" label="Nome"></msp-input-text>
        </div>
        <div class="ui-g-12 ui-md-3">
            <msp-input-text id="idade" label="Idade" maxLenght="2"></msp-input-text>
        </div>
    </div>
</div>

和 FormBuild 构造函数

 pessoa: this.formPessoa,

并形成

 this.formPessoa = this.formBuilder.group({
          nome: [null],
          idade: [null],
        });

但他给了我一个浏览器错误

No value accessor for form control with name: 'pessoa'

感谢您的任何帮助

Answer 1

您可以将代码替换为以下代码。 我在评论中提到了变化-

1. 删除这一行 - pessoa: this.formPessoa
2. 在构造函数或 ngOnInit 中初始化此表单。

<div [formGroup]="formPessoa">                             // Add formGroup directive
 <div class="ui-g ui-fluid">

  <div class="ui-g-12 ui-md-3">
    <msp-input-text formControlName="nome"></msp-input-text>    // Add formControlName for input
  </div>

  <div class="ui-g-12 ui-md-3">
    <msp-input-text maxLenght="2" formControlName="idade"></msp-input-text>    // Add formControlName for input
  </div>

</div>