Das Änderungsereignis wird erst aufgerufen, wenn sich der Fokus der Eingabe geändert hat. Wie kann ich es so einrichten, dass das Ereignis bei jedem Tastendruck ausgelöst wird?
<input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" />
{{mymodel}}
Die zweite Bindung ändert sich übrigens bei jedem Tastendruck.
Verwenden Sie ngModelChange
, indem Sie die [(x)]
-Syntax in zwei Teile zerlegen, d. h. in die Datenbindung von Eigenschaften und die Ereignisbindung:
<input type="text" [ngModel]="mymodel" (ngModelChange)="valuechange($event)" />
{{mymodel}}
valuechange(newValue) {
mymodel = newValue;
console.log(newValue)
}
Es funktioniert auch mit der Rücktaste.
<input type="text" [ngModel]="mymodel" (keypress)="mymodel=$event.target.value"/>
{{mymodel}}
<input type="text" (keypress)="myMethod(myInput.value)" #myInput />
Archiv .ts
myMethod(value:string){
...
...
}