O evento de mudança só é chamado após o foco da entrada ter mudado. Como posso fazer para que o evento dispare em cada tecla pressionada?
<input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" />
{{mymodel}}
A segunda ligação muda em cada pressionamento de tecla btw.
Utilize o ngModelChange', dividindo a sintaxe
[(x)]` em suas duas partes, ou seja, o banco de dados de propriedade e a encadernação de eventos:
<input type="text" [ngModel]="mymodel" (ngModelChange)="valuechange($event)" />
{{mymodel}}
valuechange(newValue) {
mymodel = newValue;
console.log(newValue)
}
Também funciona para a chave de backspace.
<input type="text" [ngModel]="mymodel" (keypress)="mymodel=$event.target.value"/>
{{mymodel}}
<input type="text" (keypress)="myMethod(myInput.value)" #myInput />
arquivo .ts
myMethod(value:string){
...
...
}