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?
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.
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 ] })
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With