xxxxxxxxxx
import { ReactiveFormsModule } from '@angular/forms';
@NgModule({
imports: [
ReactiveFormsModule
]
})
xxxxxxxxxx
mport { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
@NgModule({
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule
],
xxxxxxxxxx
Add to app.module.ts:
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 { }
xxxxxxxxxx
In order to solve
can’t bind to ‘formgroup’ since it isn’t a known property of ‘form’
error you need to import ReactiveFormsModule in >>>each<<< submodule file.
See example: https://codesource.io/solved-cant-bind-to-formgroup-since-it-isnt-a-known-property-of-form/
xxxxxxxxxx
change your Vs Code version
I had all the required modules imported but still the error remained until i changed my version and everything was now working
xxxxxxxxxx
Just regiester the new component that you created in the app.module.ts.
This issue happens when you forget to register your newly created component.