Angular

Question

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

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

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

Answer 1

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

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

或

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

（或两者都使用或不使用 ngModel）

Angular - Select - 更改值指令