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

For Reactive Forms, you can subscribe to the changes made to all fields or just a particular field.

Get all changes of a FormGroup:

this.orderForm.valueChanges.subscribe(value => {
    console.dir(value);
});

Get the change of a specific field:

this.orderForm.get('orderPriority').valueChanges.subscribe(value => {
    console.log(value);
  });