All Languages >> TypeScript >> Can't bind to 'formGroup' since it isn't a known property of 'form

“Can't bind to 'formGroup' since it isn't a known property of 'form” Code Answer’s

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

typescript by GutoTrosla

on Jul 17 2020 Donate Comment

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

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule
    ],
    ...

Source: stackoverflow.com

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

javascript by Evergreen Tomato

on Jun 10 2020 Comment

// To fix this error, you just need to import ReactiveFormsModule from @angular/forms in your module. 

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 { }

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

whatever by Nickton

on Jul 29 2021 Comment

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 { }

Source: stackoverflow.com

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

whatever by Disturbed Deer on Apr 02 2021 Comment