Angular 2 change event on every keypress

Question

The change event is only called after the focus of the input has changed. How can I make it so that the event fires on every keypress?

Answer 1

Use ngModelChange by breaking up the [(x)] syntax into its two pieces, i.e., property databinding and event binding:

{{mymodel}}

valuechange(newValue) {
  mymodel = newValue;
  console.log(newValue)
}

It works for the backspace key too.