Can't bind to 'ngModel' since it isn't a known property of 'input'?

Question

Full code is:

 <input #inputSearch tabindex="0" [(ngModel)]="searchValue" (keydown.enter)="searchByClick()" type="text">

app.module is:

@NgModule({
declarations: [],
 imports: [
    CommonModule,
    SharedModule,
    BrowserModule,
    AppRoutingModule
  ]
)}
export class AppModule {}

What is wrong, why it does not work for me?

You need to import `FormsModule`. You can find more here: https://stackoverflow.com/a/43298039/2959415 — Vitalii Ilchenko, Feb 21 '20 at 17:00
@OPV sorry, but I don't see `FormsModule` in the listing of your AppModule's imports — Vitalii Ilchenko, Feb 21 '20 at 17:03

score 2 · Accepted Answer · answered Feb 21 '20 at 17:01

2

import { FormsModule } from '@angular/forms'; import { NgModule } from "@angular/core"; Import FormsModule & NgModule in app.module.ts

answered Feb 21 '20 at 17:01

Pratik Malvi

386
3
10

score 1 · Answer 2 · answered Feb 21 '20 at 17:00

1

try this:

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

Add this module to your:

@NgModule({
declarations: [],
 imports: [
    CommonModule,
    SharedModule,
    BrowserModule,
FormsModule,
    AppRoutingModule
  ]
)}
export class AppModule {}

answered Feb 21 '20 at 17:00

Doflamingo19

1,487
2
10
29

No effect, I have found some the same question, I tested solutioins, no reslt – OPV Feb 21 '20 at 17:01
so paste your ts pls or we cannot understand why – Doflamingo19 Feb 21 '20 at 17:02
1

Works like this `(ngModel)` but not `[(ngModel)]` – OPV Feb 21 '20 at 17:02
Which ts? Compoenent or module? – OPV Feb 21 '20 at 17:03
.ts i mean app component.ts – Doflamingo19 Feb 21 '20 at 17:03

Can't bind to 'ngModel' since it isn't a known property of 'input'?

2 Answers2