Solución:
Para utilizar el enlace de datos bidireccional para las entradas de formulario, debe importar el FormsModule
paquete en su módulo Angular.
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [
FormsModule
]
EDITAR
Dado que hay muchas preguntas duplicadas con el mismo problema, estoy mejorando esta respuesta.
Hay dos posibles razones
-
Desaparecido
FormsModule
, por lo tanto, agregue esto a su módulo,import { FormsModule } from '@angular/forms'; @NgModule({ imports: [ FormsModule ]
-
Compruebe la sintaxis / ortografía de
[(ngModel)]
en la etiqueta de entrada
Ésta es una respuesta correcta. necesitas importar FormsMoudle
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();
}));
Saludos cordiales y espero sean útiles
Tu ngModel
no funciona porque no es parte de tu NgModule
todavía.
Tienes que decirle al NgModule
que tienes autoridad para usar ngModel
a lo largo de su aplicación, puede hacerlo agregando FormsModule
en tu app.module.ts
-> imports
-> []
.
import { FormsModule } from '@angular/forms';
@NgModule({
imports: [ FormsModule ], // HERE
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})