El evento de cambio sólo se llama después de que el foco de la entrada haya cambiado. ¿Cómo puedo hacer que el evento se active en cada pulsación de tecla?
-- language-all: lang-xml -->
<input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" />
{{mymodel}}
La segunda vinculación cambia en cada pulsación de tecla, por cierto.
Utiliza ngModelChange
dividiendo la sintaxis [(x)]
en sus dos partes, es decir, la vinculación de datos de propiedades y la vinculación de eventos:
<input type="text" [ngModel]="mymodel" (ngModelChange)="valuechange($event)" />
{{mymodel}}
valuechange(newValue) {
mymodel = newValue;
console.log(newValue)
}
También funciona para la tecla de retroceso.
-- language-all: lang-xml -->
<input type="text" [ngModel]="mymodel" (keypress)="mymodel=$event.target.value"/>
{{mymodel}}
<input type="text" (keypress)="myMethod(myInput.value)" #myInput />
archivo .ts
myMethod(value:string){
...
...
}