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

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: stackoverflow.com/a/43298039/2959415 — Vitalii Ilchenko
– Vitalii Ilchenko, Commented Feb 21, 2020 at 17:00
@OPV sorry, but I don't see FormsModule in the listing of your AppModule's imports — Vitalii Ilchenko
– Vitalii Ilchenko, Commented Feb 21, 2020 at 17:03

Pratik Malvi · Accepted Answer · 2020-02-21 17:01:31Z

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

Doflamingo19 · Accepted Answer · 2020-02-21 17:00:41Z

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, 2020 at 17:00

1,6395 gold badges17 silver badges36 bronze badges

5 Comments

No effect, I have found some the same question, I tested solutioins, no reslt

so paste your ts pls or we cannot understand why

Works like this (ngModel) but not [(ngModel)]

Which ts? Compoenent or module?

.ts i mean app component.ts