Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to correctly import FormGroup in NgModule in Angular 2

Tags:

I try to import FromGroup, FormBuilder and FormControl to my CustomModule:

import { FormsModule, FormGroup }   from '@angular/forms';  @NgModule({   imports: [     FormsModule,     FormGroup   ] }) 

But it throws an error:

EXCEPTION: Uncaught (in promise): Error: Unexpected value 'FormGroup' imported by the module 'CustomModule'

If i only import FormsModule it works fine though.

Any ideas?

like image 911
Adrien Castagliola Avatar asked Oct 26 '16 12:10

Adrien Castagliola


People also ask

Can't bind to FormGroup since it isn't a known property of form in Angular?

What Does This Error Mean? Angular is trying to tell us that it doesn't know about the formGroup directive on the <form> element in your component. This usually happens when the wrong forms module is imported, the right module is imported in the wrong place or the ReactiveFormsModule is just not imported at all.


1 Answers

You can't add FormGroup to module's imports, just import it in the component in which you want to use FormGroup. You can only add MODULES to module's imports. Also, if you want to use FormGroup directive, you will need to import ReactiveFormsModule in your module:

@NgModule({   imports: [     FormsModule,     ReactiveFormsModule   ] }) 
like image 158
Stefan Svrkota Avatar answered Oct 07 '22 18:10

Stefan Svrkota