L'événement de modification n'est appelé qu'une fois que le focus de l'entrée a changé. Comment puis-je faire en sorte que l'événement se déclenche à chaque pression sur une touche ?
<input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" />
{{mymodel}}
La deuxième liaison change à chaque pression de touche.
Utilisez ngModelChange
en décomposant la syntaxe [(x)]
en ses deux parties, à savoir la liaison de données de propriété et la liaison d'événement :
<input type="text" [ngModel]="mymodel" (ngModelChange)="valuechange($event)" />
{{mymodel}}
valuechange(newValue) {
mymodel = newValue;
console.log(newValue)
}
Cela fonctionne aussi pour la touche retour arrière.
<input type="text" [ngModel]="mymodel" (keypress)="mymodel=$event.target.value"/>
{{mymodel}}
<input type="text" (keypress)="myMethod(myInput.value)" #myInput />
archive .ts
myMethod(value:string){
...
...
}