如何在 angular 4 中的指令的输入字段中获取更改事件

Question

我对 angular 4 有点陌生。我正在尝试从指令内的输入字段获取更改事件。目前我正在与@HostListener

合作

@HostListener('keyup', ['$event'])
  inputChanged(event) {}

这工作正常，但在释放密钥延迟一段时间后触发此事件，用户可能会输入错误的输入并且也能看到。在我的实现中，我已经删除了无效输入，但它并没有给用户很好的曝光。我唯一想要的是在输入字段中发生更改时立即获得更改事件（字符/字符串输入或删除两者）。当前 HTML 看起来像这样

<input type='text' class="form-control" placeHolder='hh:mm:ss' time-input [(ngModel)]="params.time" name="time"/>

PS. time-input 是指令的名称，在指令中我正在尝试获取事件更改并且我不想移动任何实现到控制器或组件。

Answer 1

使用

@HostListener('ngModelChange', ['$event'])

How to get change event in input field for a directive in angular 4