Angular Error: NodeInjector: NOT_FOUND [ControlContainer] Angular Error: NodeInjector: NOT_FOUND [ControlContainer] angular angular

Angular Error: NodeInjector: NOT_FOUND [ControlContainer]


In app.module.ts I add ReactiveFormsModule in my imports section. Remember to import it at the top as: import { ReactiveFormsModule} from '@angular/forms.

In your app.component.ts you have to define FormGroup instance and initialize/register it via ngOnInit method as below:

    import { FormGroup, FormControl } from '@angular/forms'; //imports.......................................................................    myForm:FormGroup;      ngOnInit(){         this.myForm = new FormGroup({                         'name':new FormControl(null), //note, can have up to 3 Constructor Params: default value, validators, AsyncValidators               'email':new FormControl(null,Validators.email)          })    }

Then bind form to the FormGroup instance myForm:

<form [formGroup]="myForm">

Note that name and email are controls in the form that needs binding using formControlName :

<input type="text" name="name" formControlName="name">


you have to import both, import { FormsModule } from '@angular/forms';import { ReactiveFormsModule } from '@angular/forms'; into your corresponding module.ts file. that worked for me.


In your code formGroup is missing try this:<form [formGroup] = "">