formGroup expects a FormGroup instance

Question

I have an Angular 2 RC4 basic form example on Plunkr that appears to throw the following error  In Chrome DEV console   Here s the plunkr  https   plnkr co edit GtPDxw p preview  Error   browser adapter ts 82 EXCEPTION  Error  Uncaught  in promise   EXCEPTION  Error in   App class App - inline template 1 7 ORIGINAL EXCEPTION  formGroup expects a FormGroup instance  Please pass one in             Example   lt form  formGroup   myFormGroup  gt   ORIGINAL STACKTRACE  Error  formGroup expects a FormGroup instance  Please pass one in             Example   lt form  formGroup   myFormGroup  gt       at new BaseException  https   npmcdn com  angular forms 0 2 0 src facade exceptions js 27 23      at FormGroupDirective  checkFormPresent  https   npmcdn com  angular forms 0 2 0 src directives reactive directives form group directive js 110 19      at FormGroupDirective ngOnChanges  https   npmcdn com  angular forms 0 2 0 src directives reactive directives form group directive js 39 14      at DebugAppView  View App0 detectChangesInter

User · Accepted Answer

There are a few issues in your code    lt div  formGroup   form  gt  outside of a  lt form gt  tag  lt form  formGroup   form  gt  but the name of the property containing the FormGroup is loginForm therefore it should be  lt form  formGroup   loginForm  gt   formControlName   dob  which passes the value of the property dob which doesn t exist  What you need is to pass the string dob like  formControlName    dob   or simpler formControlName  dob    Plunker example

User · Answer

I had a the same error and solved it after moving initialization of formBuilder from ngOnInit to constructor

User · Answer

I was using reactive forms and ran into similar problems  What helped me was to make sure that I set up a corresponding FormGroup in the class   Something like this   myFormGroup  FormGroup   this builder group       dob       Validators required

User · Answer

I was facing this issue and fixed by putting a check in form attribute  This issue can happen when the FormGroup is not initialized   lt form  formGroup   quot loginForm quot   ngIf  quot loginForm quot  gt  OR  lt form  formGroup   quot loginForm quot   ngIf  quot this loginForm quot  gt   This will not render the form until it is initialized

User · Answer

I had this error when I had specified fromGroupName instead of formArrayName   Make sure you correctly specify if it is a form array or form group    lt div formGroupName  formInfo   gt    lt div formArrayName  formInfo   gt

[angular] formGroup expects a FormGroup instance

Examples related to angular

Examples related to angular2-forms

Examples related to angular2-formbuilder