【问题标题】:Handling model change with ngModel使用 ngModel 处理模型更改
【发布时间】:2019-04-23 08:11:38
【问题描述】:

我在处理用户对 ag-grid 中的可编辑字段所做的更改时遇到了一些问题。虽然一切正常,但我注意到每次按任意键(在编辑输入文本字段时)都会触发更改事件。我创建了一个我面临的问题的演示

https://embed.plnkr.co/plunk/2QALNAREVg9E5spt

当您开始编辑字段时,所做的任何更改都会触发HandleChange() 事件。我只想在用户按下 ENTER 后触发HandleChange()。这方面有什么建议吗?

【问题讨论】:

    标签: angular typescript ag-grid


    【解决方案1】:

    当用户按下 ENTER 时,您可以使用 (keyup.enter) 事件来触发您的函数。

    <input type="text" (keyup.enter)="HandleChange()"/>
    

    【讨论】:

    • 更好地使用(模糊)。 -您可以使用鼠标从输入中“逃脱”-
    • 我也尝试过 keyup.enter、keypress.enter,但它们似乎没有捕获 ENTER 键事件 - embed.plnkr.co/plunk/2QALNAREVg9E5spt。从我看到的 ENTER 键事件不知何故没有被指定的事件处理程序处理,我认为它在 ag-grid 事件处理程序的某个地方被捕获?
    猜你喜欢
    • 1970-01-01
    • 2011-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-18
    • 2017-12-26
    • 2018-04-06
    • 2012-11-02
    相关资源
    最近更新 更多