Angular 角度-选择-更改值指令

Angular 角度-选择-更改值指令,angular,angular-directive,Angular,Angular Directive,我想创建一个指令(alert select),当我更改select元素的值时,它可以执行一些操作 <select alert-select [(ngModel)]="area_id"> <option value="1">Area 1</option> <option value="2">Area 2</option> </select> 一区 区域2 每次更改select时,我希望(不使用(更改))提

我想创建一个指令(alert select),当我更改select元素的值时,它可以执行一些操作

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

一区
区域2

每次更改select时,我希望(不使用(更改))提醒(area_id)select的值。

您可以在指令中添加事件侦听器

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

(或同时使用两者,使其在有或无
ngModel
的情况下工作)

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