Angular - 选择 - 更改值指令

【问题标题】：Angular - Select - Directive on change valueAngular - 选择 - 更改值指令
【发布时间】：2017-08-06 19:18:18
【问题描述】：

我想创建一个指令（alert-select），当我更改选择元素的值时可以执行一些操作

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

我希望（不使用（更改））在每次更改时提醒（area_id）选择的值。

【问题讨论】：

【解决方案1】：

你可以在你的指令中添加一个事件监听器

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

或

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

（或两者都可以使其在有或没有ngModel 的情况下工作）

【讨论】：