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

时间:2017-07-19 06:25:34

标签: angular angularjs-directive event-handling

我对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是指令的名称,在指令中我试图让事件发生变化,我不想将任何实现移动到控制器或组件。

1 个答案:

答案 0 :(得分:7)

使用

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