Can't bind to FormGroup since it isn't a known property of form angular

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

October 10, 2020 XpertPhp

In this article, we will know the error about Angular 10 – Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’. when we create the form in angular, at that time face this type of error.

Now, we will know how to solve this type of error. you need to import FormsModule and ReactiveFormsModule in the module.

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

  imports: [
    ...
    FormsModule,
    ReactiveFormsModule
 ]

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

imports: [

...

FormsModule,

ReactiveFormsModule

]

so, you can see full example of how to import the FormsModule and ReactiveFormsModule in the app.module.ts.

src/app/app.module.ts

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

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
	FormsModule,
	ReactiveFormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { BrowserModule } from '@angular/platform-browser';

import { NgModule } from '@angular/core';

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

import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';

@NgModule({

declarations: [

AppComponent

imports: [

BrowserModule,

AppRoutingModule,

FormsModule,

ReactiveFormsModule

providers: [],

bootstrap: [AppComponent]

})

export class AppModule { }

Please follow and like us:

Related posts: