Нет доступа к значению для управления формой с именем:

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

Приводит к ошибке:

Нет доступа к значению для элемента управления формы с именем: 'newCommitteeDescription' в _throwError (формы. js: 2144) в setUpControl (формы. 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
    });
  }