formGroup expects a FormGroup instance

by

There are a few issues in your code

  • <div [formGroup]="form"> outside of a <form> tag
  • <form [formGroup]="form"> but the name of the property containing the FormGroup is loginForm therefore it should be <form [formGroup]="loginForm">
  • [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

More Related Contents:

  1. What is the difference between formControlName and FormControl?
  2. ngModel cannot be used to register form controls with a parent formGroup directive
  3. Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  4. Angular2 nested template driven form
  5. Angular how to get the multiple checkbox values?
  6. password and confirm password field validation angular2 reactive forms
  7. angular2 manually firing click event on particular element
  8. Apply a directive conditionally
  9. When to use FormGroup vs. FormArray?
  10. two way binding with safe navigation operator
  11. What are the practical differences between template-driven and reactive forms?
  12. Property ‘controls’ does not exist on type ‘AbstractControl’ Angular 4 [duplicate]
  13. Angular 2 Form “Cannot find control with path”
  14. Angular2 – Validate and submit form from outside
  15. Angular 2 – formControlName inside component
  16. Resetting a form in Angular 2 after submit
  17. Generic email validator
  18. Is it possible to get native element for formControl?
  19. ng-content select bound variable
  20. The pipe ‘ ‘ could not be found angular2 custom pipe
  21. Angular2: validation for won’t trigger when changing the file to upload
  22. How to reset form validation on submission of the form in ANGULAR 2
  23. FormBuilder group is deprecated
  24. TypeScript-‘s Angular Framework Error – “There is no directive with exportAs set to ngForm”
  25. How to clear form after submit in Angular 2?
  26. Angular 2 Reactive Forms trigger validation on submit
  27. Angular 2 creating reactive forms with nested components
  28. Angular 2 FormGroup Add Validators dynamic
  29. Forms In angular2
  30. Angular2 Error: There is no directive with “exportAs” set to “ngForm”

Leave a Comment