javascript – Angular2在keypress或keydown上获取整个输入值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Angular2在keypress或keydown上获取整个输入值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1163字，纯文字阅读大概需要2分钟。

内容图文

我可能会犯这个错误,因为我做的很简单,但我的解决方案很容易出错.

我想要做的就是在输入文本发生变化时(按下键时)对第三方组件执行过滤.

第一种方法不起作用：

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

问题是在使用最新字符更新NameFilter之前执行key down,因此我的过滤器后面是一个字符

第二种做法不起作用

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过滤.

还有其他事件吗？还是更好的方法来获得包括最新密钥在内的价值？ (我不想等待密钥,或输入)

更新这个工作完美

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

解决方法:

您可以使用(ngModelChange)=“…”.

(ngModelChange)="keyDown($event)"

当[(ngModel)] =“NameFilter”更新NameFilter时,会发出ngModelChange.

[ngModel]中的()只是一个较短的形式(语法糖)

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

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

内容总结

以上是互联网集市为您收集整理的javascript – Angular2在keypress或keydown上获取整个输入值全部内容，希望文章能够帮你解决javascript – Angular2在keypress或keydown上获取整个输入值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端