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

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

删除此行- pessoa: this.formPessoa
在构造函数或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>

反应形式内的形式

1 个答案: