Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”

by

In order to use two-way data binding for form inputs you need to import the FormsModule package in your Angular module.

import { FormsModule } from '@angular/forms';

@NgModule({
    imports: [
         FormsModule      
    ]

EDIT

Since there are lot of duplicate questions with the same problem, I am enhancing this answer.

There are two possible reasons

  • Missing FormsModule, hence Add this to your Module,

    import { FormsModule } from '@angular/forms';

@NgModule({
    imports: [
        FormsModule      
    ]

  • Check the syntax/spelling of [(ngModel)] in the input tag

More Related Contents:

  1. Can’t bind to ‘formControl’ since it isn’t a known property of ‘input’ – Angular2 Material Autocomplete issue
  2. Angular2: use [(ngModel)] with [ngModelOptions]=”{standalone: true}” to link to a reference to model’s property
  3. Limit input field to two decimal places – Angular 5
  4. How do I pass data to Angular routed components?
  5. How can I get new selection in “select” in Angular 2?
  6. Dynamically load external javascript file from Angular component
  7. How to manage Angular2 “expression has changed after it was checked” exception when a component property depends on current datetime
  8. Property ‘files’ does not exist on type ‘EventTarget’ error in typescript
  9. Angular Material: mat-select not selecting default
  10. Ionic – Horizontal scroll tab for Categories [duplicate]
  11. How to extend / inherit components?
  12. Difference between interfaces and classes in Typescript
  13. How to use Angular4 to set focus by element id
  14. Generic email validator
  15. Detect changes in objects inside array in Angular2
  16. Lazy Loading BrowserModule has already been loaded
  17. Angular 2 input parameters on root directive [duplicate]
  18. Angular 2: How to use JavaScript Date Object with NgModel two way binding
  19. Unit testing click event in Angular
  20. want to show more data in another component when view in detail button is clicked (angular 6)
  21. Tracking scroll position and notifying other components about it
  22. Avoiding relative paths in Angular CLI
  23. Angular 4: How to read data from Excel?
  24. Sanitize input in Angular2 [duplicate]
  25. TypeScript-‘s Angular Framework Error – “There is no directive with exportAs set to ngForm”
  26. How to return observable from subscribe
  27. How to mock Angular 4.3 httpClient an error response in testing
  28. Angular 6 – how to mock router.events url response in unit test
  29. How to create and download text/Json File with dynamic content using angular 2+
  30. Angular4 Load external html page in a div

Leave a Comment