javascript - Angular2 在按键或按键按下时获取整个输入值

Question

我可能做错了，因为我做的事情很简单，但我的解决方案很容易出错。

我想做的就是在输入文本发生变化时(按下按键时)在第 3 方组件上执行过滤器。

第一种无效的方法:

<input type="text" placeholder="Name Fitler" [(ngModel)]="NameFilter" (keydown)="keyDown($event)" />

问题是在用最新字符更新 NameFilter 之前执行按键，所以我的过滤器落后一个字符

第二种无效的方法

keyDown(event:KeyboardEvent){
    var input = <HTMLInputElement>event.srcElement; 
    this.NameFilter = input.value + event.key; // <-- have to add the latest character
    this.filterChanged();
}

这种方法可行，但容易出错。 input.value 没有最新的字符，所以我添加了它，但需要担心奇数键等。如果可以的话，我想避免 keyCode 过滤。

还有别的事件吗？或者更好的方法来获得该值(value)，包括最新的按键？ (我不想等待按键或输入)

更新这完美地工作

<input type="text" placeholder="Name Fitler" [(ngModel)]="NameFilter" (ngModelChange)="filterChanged()" />

Answer 1

您可以使用 (ngModelChange)="..."。

(ngModelChange)="keyDown($event)"

ngModelChange 在 [(ngModel)]="NameFilter" 更新 NameFilter 时发出。

[ngModel]) 中的 () 只是

的缩写形式(语法糖)

[ngModel]="NameFilter" (ngModelChange)="NameFilter = $event"

另见 https://angular.io/docs/ts/latest/guide/template-syntax.html#!#two-way