Para usar el enlace de datos bidireccional para las entradas de formulario, debe importar el paquete FormsModule en su módulo Angular.

 import { FormsModule } from '@angular/forms'; @NgModule({ imports: [ FormsModule ]

EDITAR

Como hay muchas preguntas duplicadas con el mismo problema, estoy mejorando esta respuesta.

Hay dos posibles razones

• Falta FormsModule , por lo tanto, agregue esto a su módulo,

   import { FormsModule } from '@angular/forms'; @NgModule({ imports: [ FormsModule ]

• Verifique la sintaxis/ortografía de [(ngModel)] en la etiqueta de entrada

Esta es una respuesta correcta. necesita importar 'FormsModule'

primero en app.module.ts

**

 import { BrowserModule } from '@angular/platform-browser'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports: [ FormsModule, ReactiveFormsModule , BrowserModule, AppRoutingModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }

** segundo en app.component.spec.ts

 import { TestBed, async } from '@angular/core/testing'; import { RouterTestingModule } from '@angular/router/testing'; import { AppComponent } from './app.component'; import { FormsModule } from '@angular/forms'; describe('AppComponent', () => { beforeEach(async(() => { TestBed.configureTestingModule({ imports: [ RouterTestingModule, FormsModule ], declarations: [ AppComponent ], }).compileComponents(); }));

Un saludo y espero que te sea de ayuda.

Su ngModel no funciona porque aún no es parte de su NgModule .

Debe decirle al NgModule que tiene autoridad para usar ngModel en toda su aplicación. Puede hacerlo agregando FormsModule en su app.module.ts -> imports -> [] .

 import { FormsModule } from '@angular/forms'; @NgModule({ imports: [ FormsModule ], // HERE declarations: [ AppComponent ], bootstrap: [ AppComponent ] })