El evento de cambio solo se llama después de que el foco de la entrada haya cambiado. ¿Cómo puedo hacer que el evento se active con cada pulsación de tecla?
<input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" /> {{mymodel}}El segundo enlace cambia en cada pulsación de tecla por cierto.
Acabo de usar la entrada del evento y funcionó bien de la siguiente manera:
en archivo .html:
<input type="text" class="form-control" (input)="onSearchChange($event.target.value)">en el archivo .ts:
onSearchChange(searchValue: string): void { console.log(searchValue); }Use ngModelChange dividiendo la sintaxis [(x)] en sus dos partes, es decir, enlace de datos de propiedad y enlace 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.
Veamos por qué: