名称为的表单控件没有值访问器

Question

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

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(

Answer 1

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

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

//或

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

参见文档

Answer 2

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

应该是：

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