No value accessor for form control with name:

Question

I continue to get this error regardless of what I try.

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
    });
  }

Results in the error:

No value accessor for form control with name: 'newCommitteeDescription' at _throwError (forms.js:2144) at setUpControl (forms.js:2054)

Isn't it missing () on new FormControl? Should be new FormControl() — Elias Dal Ben, Apr 04 '20 at 00:12

score 1 · Answer 1 · answered Apr 04 '20 at 11:15

1

your'e mixing constructor of FormGroup/FormControl and FormBuilder, choose one of them

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

//or

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

See the docs

answered Apr 04 '20 at 11:15

Eliseo

50,109
4
29
67

score 0 · Answer 2 · answered Apr 04 '20 at 01:45

0

You are missing the () after new FormControl().

It should be:

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

answered Apr 04 '20 at 01:45

MrRobot

1,001
1
14
34

No value accessor for form control with name:

2 Answers2