Error: NodeInjector: NOT_FOUND [NgControl]

Question

As soon as I import FormsModule I start getting this error. I am using MatFormField and it just doesn't seem to work along with FormsModule.

Answer 1

I just solved my problem with an error message same as yours.

My 2 mistakes are:

1. I am using formGroupName and formControlName directive without declaring corresponding property in the component class. Also I have to change formGroupName to [formGroup]

2. I forgot to "import ReactiveFormsModule from the @angular/forms package and add it to your NgModule's imports array."

https://angular.io/guide/reactive-forms#adding-a-basic-form-control

try to follows the above guide to see do that solves your problem.

Answer 2

Please see this other SO answer: https://stackoverflow.com/a/43220824/5100015

While using formControl, you have to import ReactiveFormsModule to your imports array.

Example:

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

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    MaterialModule,
  ],
  ...
})
export class AppModule {}

Answer 3

Do not set formControlName="myField".

Instead bind [formControl]="form.controls.myField".

Make sure you import ReactiveFormsModule