Angular – Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’

Can’t Bind To formgroup Angular

Error Description:

Unhandled Promise rejection: Template parse errors: Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’

When error comes : 

When you use FormGroup, FormControl or Validators without importing ReactiveFormsModule it will causes this error

How to Solve:

To Solve this issue, You need to import FormsModule & ReactiveFormsModule in your root module. if this component is in the root i.e. app.module.ts

Kindly, Open app.module.ts and Import this line

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

and

@NgModule({
imports: [
   FormsModule,
   ReactiveFormsModule
],
})

Note:

• Make sure you need to put ReactiveFormsModule after FormsModule
• If you are using feature module then you need to export FormsModule & ReactiveFormsModule in FeatureModule
• ReactiveFormsModule is required when you need FormGroup, FormControl ,Validators etc. For using ngModel, you don’t require ReactiveFormsModule

Final Code:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppComponent }  from './app.component';

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule
    ],
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})

export class AppModule { }

Referances:

• https://stackoverflow.com/questions/39152071/cant-bind-to-formgroup-since-it-isnt-a-known-property-of-form
• https://stackoverflow.com/questions/50964204/angular-6-cant-bind-to-formgroup-since-it-isnt-a-known-property-of-form
• https://stackoverflow.com/questions/39657332/cant-bind-to-formgroup-since-it-isnt-a-known-property-of-form-formsmodule