没有名称的表单控件的值访问器：答案

【问题标题】：No value accessor for form control with name:没有名称的表单控件的值访问器：
【发布时间】：2020-07-16 05:10:05
【问题描述】：

无论我尝试什么，我都会继续收到此错误。

html:

<form  id="newCommittee" [formGroup]="newCommittee" >
        <Input placeholder="Committee Name" class="col-4" formControlName="newCommitteeName"  >
</form>

ts：

import { FormsModule, FormGroup, FormControl, ReactiveFormsModule, FormBuilder } from '@angular/forms';

constructor( private fb: FormBuilder ) { 
    this.newCommittee = this.fb.group({
      newCommitteeName: new FormControl
    });
  }

导致错误：

在 _throwError (forms.js:2144) 处没有名称用于表单控件的值访问器：'newCommitteeDescription' 在 setUpControl (forms.js:2054)

【问题讨论】：

新FormControl上不是缺少()吗？应该是 new FormControl()

标签： angular forms form-control formgroups

【解决方案1】：

你的FormGroup/FormControl和FormBuilder的混合构造器，选择其中一个

this.newCommittee=new FormGroup({
   newCommitteName:new FormControl('value')
})

//或

this.newCommitte=this.fb.group({
  newCommitteName:['value']
})

见docs

【讨论】：

【解决方案2】：

您在new FormControl() 之后缺少()。

应该是：

constructor( private fb: FormBuilder ) { 
    this.newCommittee = this.fb.group({
      newCommitteeName: new FormControl() // HERE
    });
  }

【讨论】：