Angular - Select - Directive on change value

Question

I want to create a directive (alert-select) that can make some actions when I change the value of a select element

<select alert-select [(ngModel)]="area_id">
    <option value="1">Area 1</option>
    <option value="2">Area 2</option>
</select>

I want (without use (change)) to alert(area_id) the value of the select every time I change it.

Günter Zöchbauer · Accepted Answer · 2017-08-06 19:21:15Z

1

You can add an event listener inside your directive

@HostListener('ngModelChange', ['$event'])
onChange(event) {
  console.log(event);
}

or

@HostListener('change', ['$event'])
onChange(event) {
  console.log(event.target.value);
}

(or both to make it work with or without ngModel)

answered Aug 6, 2017 at 19:21

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1