如何獲得在輸入欄中更改事件的指令在角4

我有點新的角4.我試圖從一個僞指令中的輸入域得到改變事件。目前，我與@HostListener如何獲得在輸入欄中更改事件的指令在角4

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

這工作正常工作，但這個事件從釋放鍵，用戶可以輸入錯誤的輸入，並能看到一些太延遲後發射。在我的實施中，我已經刪除了無效的輸入，但它並沒有給用戶帶來好的曝光。只有我想要的是在輸入字段發生變化的瞬間獲得更改事件（字符/字符串輸入或刪除兩者）。當前HTML看起來像這樣

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

PS。時間輸入是指令的名稱，並在指令中，我試圖讓事件發生變化，我不想將任何實現移動到控制器或組件。

2017-07-19 Ali Khan

你想從'ngModel'指令原生DOM事件或事件？ –

我沒有使用任何事件type.i任何限制使用原生DOM事件在第一，但有一個問題，即，但@甘的回答工作，這是根據要求，現在 –

你需要'input'事件的DOM本地元素。 Gunter的解決方案只有在'input'上有'ngModel'指令時才能工作。所以，你的'時間input'只能靠'ngModel'工作，它不能作爲一個獨立的指令 –

使用

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

2017-07-19 06:27:20

謝謝。工作就像一個魅力 –

很高興聽到:) –

如果我沒有使用什麼ngModel？ – anaval

如何獲得在輸入​​欄中更改事件的指令在角4